web标准知识——丰富段落里的标签

如果你已经开始跟着《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。

也许有的朋友会说,strong与em的区别就是strong中的内容是粗体显示,em中的内容是斜体显示。这种说法是错误的,因为这两个标签本身不具备样式属性。HTML标签中有一些样式标签比如<b><i><u>,并且样式标签已经在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这个标签了。如果大家有兴趣可以翻开本文的源代码来看一下。关于大量的代码如何处理那就请各位朋友期待以后的文章吧。

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

时间: 2024-09-14 05:06:03

web标准知识——丰富段落里的标签的相关文章

web标准知识——丰富段落里的标签_正则表达式

如果你已经开始跟着<WEB标准能有多难?>在自己的工作中循序渐进地运用WEB标准了,那么这次的内容会让你更进一步的了解到关于段落里的细节.要是你刚刚准备好开始没关系可以先看看<从p开始,循序渐进>,然后再看本文.  昨天晚上我决定了放弃在这个时候插入CSS内容,继续深入XHTML的内容.也许大家会觉XHTML远没有CSS有趣,是的,的确如此,CSS能变化出无数看得见的可能.而XHTML只不过是为了机器与程序准备的.但是事实上XHTML的重要性要比CSS重要得多.我们都知道网页本身的

web标准知识——用途相似的标签_经验交流

在前面我们已经讲过了strong与em的区别.除了strong与em之外还有一些相似的标签比如q.cite.blockquote.这三个都属于引用一类,但是这里还是有一些区别的,首先来一一解释. <q></q>,q的作用是引用非块元素,也就是引用不能形成段落的内容,可能是某人说的一句话,也可能是一句文档摘录等,特点很明显这里是"一句".并且q本身并不会产生段落.q本身并没有什么样式,一般浏览器也不会给他设置一个默认样式使起突出.但是我们可以通过CSS去使之与一般

web标准知识——从p开始,循序渐进_经验交流

很多朋友现在还在用Dreamweaver(下称DW),不可否认这是个非常优秀的软件,他基本上实现了所见即所得.当然也正是因为这样让很多网页制作人员对于(x)HTML标签变得一无所知.然而要学习WEB标准就必需要与标签打交道,你必需要了解他们的特点.就算你不打算自己打代码,继续使用DW来完成自己的工作也必需要知道DW生存的代码的作用.如果你希望减少冗余代码,提升网页的品质,那么你就更需要认知(x)HTML标签. 那么学习自然要循序渐进,当然要从最常用.最简单的入手.如果问在所有HTML标签中谁是最

网站程序员如何应对web标准

web|web标准|程序|程序员 本文讨论的是在web标准普及的形势下,网站程序员的定位以及如何与设计师配合开发符合web标准的网站项目.本文适合的读者是传统TABLE布局下分工不是非常明晰的程序员. 1:学习web标准,让你的工作变得更加简单. web标准是大势所趋,所以作为网站程序员.你必须洗脑,必须去学习web标准.去重新认识html标签,去了解如何让程序输出页面需要的代码. 比如: 上边是美工出来的效果图,下边是符合标准的程序代码:     Dim oHtml    set rs=ser

网站程序员如何应对web标准第1/2页_相关技巧

作者:jxdawei jxdawei的blog:http://www.iwcn.net/ 本文讨论的是在web标准普及的形势下,网站程序员的定位以及如何与设计师配合开发符合web标准的网站项目.本文适合的读者是传统TABLE布局下分工不是非常明晰的程序员. 1:学习web标准,让你的工作变得更加简单. web标准是大势所趋,所以作为网站程序员.你必须洗脑,必须去学习web标准.去重新认识html标签,去了解如何让程序输出页面需要的代码. 比如: 上边是美工出来的效果图,下边是符合标准的程序代码:

使用Web标准建站第5天:head区的其他设置

web|web标准 这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧.收藏夹小图标 如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标.要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下.然后将下面的代码嵌入head区: <link rel="icon" href="/favicon

学习网页Web标准:DOCTYPE(文档类型)基础知识

web|web标准|网页 DOCTYPE(文档类型)DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本. 他们是什么和他们为什么是重要的? 所有的HTML和XHTML文档必须有一个有效的doctype声明. Doctype规定了文档使用的HTML或XHTML的版本. 当校验的时候doctype被校验器使用,WEB浏览器通过它来决定那种渲染模式被使用. Doctype影响设备渲染web页面的方式. 如果文档使用了正确的doctype,一些浏

web标准学习之a标签

web|web标准 在web标准学习中,我们今天来研究下a标签. 我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xhtml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验,会出现如下错误提示: "there is no attribute target for this element(in this H

WEB标准:XHTML的结构标签

web|web标准|xhtml 原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制. 来列一个完整xhtml的结构标签: 结构body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表dl, dt