WEB标准教程:功能丰富的段落P标签

2016-02-19 23:15 6 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

关于段落p/p相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事,只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着《WEB标准能有多难?》在自己的工作中循序渐进地运用WEB标准了,那么这次的内容会让你更进一步的了解到关于段落里的细节。要是你刚刚准备好开始没关系可以先看看《从p开始,循序渐进》,然后再看本文。

昨天晚上我决定了放弃在这个时候插入CSS内容,继续深入XHTML的内容。也许大家会觉XHTML远没有CSS有趣,是的,的确如此,CSS能变化出无数看得见的可能。而XHTML只不过是为了机器与程序准备的。但是事实上XHTML的重要性要比CSS重要得多。我们都知道网页本身的作用是用以承载信息、数据、知识,我们这里暂把这些称之为内容。网站的第一要素就是内容,没有内容的网页可能就不能叫网页了,但是如果你把一堆的内容放在一起没有标签去区别段落、重点、引用等那么内容将挤在一起,没办法阅读,就算你是个CSS的高手,在一堆没有XHTML标签的文档中让你去美化它,你也无从入手。是的内容需要XHTML去区分内容并且给CSS以用武之地。如果说内容是内脏与灵魂,CSS是皮肉,那么XHTML就是骨骼。

XHTML那么的重要我们当然不能浪费时间,现在就来一一去介绍可以用在段落中的标签。(大家要注意这句话:用在段落中的标签,这就表明这些标签不是块级标签。是内联标签。)首先要介绍的是强调标签strong与em。为什么一次要介绍两个标签呢?因为这两个标签都有强调的意思。同是强调那么为什么要用两个标签这么浪费呢?虽然都有强调的意思,但是强调的力度却有所不同。strong要比em力度更大一点。如果说em是中国词汇中的强调、注意,那么strong就是再三强调、特别注意。当然在文本中不能滥用强调标签,合理使用会让文章中的重点内容得到突出。那么一般性的强调用em即可,如果是需要特别重点的再用strong。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

也许有的朋友会说,strong与em的区别就是strong中的内容是粗体显示,em中的内容是斜体显示。这种说法是错误的,因为这两个标签本身不具备样式属性。HTML标签中有一些样式标签比如biu,并且样式标签已经在XHTML中不推荐使用了。而我们在浏览器里看到的strong中的内容是粗体显示,那只是浏览器对标签的预设样式。并不表示striong就是粗体,如果有一天浏览器不再提供预设样式了,那么strong中的内容不会出现任何样式。em也是一样。关于这个问题有兴趣的朋友可以查阅一下《语义与样式无关》一文。

我们现在都很喜欢使用缩略词来表述特定的事物或是事件,这样做的好处是方便快递地传达信息,而不用每次都去打那么长的文字,特别是对于重复出现的词汇。那么缩略词应该用什么样的XHTML标签呢?这次又是一次介绍两个标签abbr与acronym。这两个标签的大致用途是一样的,但是也还是有细节上的不同。比如abbr/abbr的作用是表明标签中的内容为缩写形式。而acronym/acronym的作用是表明标签中的内容是首字母缩写词。大家注意到了,我为首字母缩写词使用了em强调。一般来讲acronym要比abbr在英文中常用,但是在中文正好相反。因为中文中没有首字母缩写。也许有首字缩写但这也比较少有。例如:中华人民共和国,简称是中国;全国人民代表大会,简称是人代会;这些都不是首字缩写,这里我倒是觉得文中出现中国成语的时候应该使用abbr。当然光只有这个标签还不行,因为只知道他是个缩略词还不行,至少还要给出详细的名称啊。所以这两个标签在使用的时候还要再加上一个title属性。正确的写法应该是这样的。acronym title="European Computer Manufacturers Association"ECMA/acronym;abbr title="按照一定的步骤逐渐深入或提高。"循序渐进/abbr在浏览器上并不会直接显示title里的内容,只有当鼠标移动到那个位置后才会出现悬浮提示。当然一般缩写标签只在缩略词第一次出现的时候使用,以后文章中再出现就可以不用了。

你的文档里是否有缩略词?你是否给出了缩略词完整的词汇呢?如果有快点应用起来,这会让你的文档更受欢迎的。如果想要自己的文档受到欢迎,那么你的文档必需要懂礼貌。也许有朋友会说:你要疯啊,文档怎么懂礼貌呢? 事实上文档的确需要懂礼貌,比如当你引用了别人的某个参考文献、书籍、杂志的时候是否标注出来了呢?对这就是我们这里要说的文档的礼貌。尊重他人比如当我需要向大家推荐一篇他人的文章,那么我就需要这样来处理:a href=""cite推荐文章的标题cite/a大家注意到了,在A标签中还有一个cite标签。当然如果你需要引用的是一句话或是一段文字那么这个标签就不适合了。这个标签只表注出文献的标题与名称。这个标签有点类似于我们书籍后面的参考文献的目录内容,也有点像是脚注。当然cite这个标签完全可以这么处理。至于需要引用一句话或是成段的文字的标签我们将会在以后介绍。

对于我们这个行业来说在文档中出现代码的机率真的是太高了。那么如何把文档中的代码与内容区分开,必然需要特定的标签。这里介绍的就是最常用的,简单的code标签。这个标签的作用仅是处理一些精短的代码,对于需要分行、缩进的大量的代码并不适合,对于如同本文中出现的一些代码就比较适合使用code这个标签了。如果大家有兴趣可以翻开本文的源代码来看一下。关于大量的代码如何处理那就请各位朋友期待以后的文章吧。

这里还要提醒大家一下,看了本文并不起什么作用,把看到的应用到自己的工作中才是最重要的。只要你在应用,你就离成功更进一步了。让我们一起努力,加油

来源:https://www.tulaoshi.com/n/20160219/1629510.html

延伸阅读
标签: Web开发
在较早之前的网页上,我们经常可以看到如下的网页结构代码: html head title这是一个网页/title meta name=”…” content=”…” / …… /head body …… /body /html 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好的呈现出这个网页来,只要代码没出什么错误。这个其实就像是用Table布局的页面跟Div...
  准备工作: 1.选择 !DOCTYPE    过渡的(Transitional):    要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。虽然W3C不赞成使用<font等标签,但是还是有很多网页爱好者在很喜欢用,所以W3C不得不把font补进到HTML 4.0的标准中.因此使用过渡式你还可以使用这些标...
标签: Web开发
Web 标准使您能通过最少的工作,生成可被最广大受众访问的 Web 站点。 Web 标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。 例如,在按照标准生成以后,旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器(如,Mozilla&nbs...
标签: Web开发
DOCTYPE不可怕,但把它拿走,会让你怕了又怕。 最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明,但是很多人没有注意它,甚至在创作时候直接将它删掉,其...

经验教程

385

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部