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这个标签了。如果大家有兴趣可以翻开本文的源代码来看一下。关于大量的代码如何处理那就请各位朋友期待以后的文章吧。

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

(0)

相关推荐

  • 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标准第1/2页

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

  • 初学web标准的几个误区

    非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页.但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1.不是为了通过校验才标准化.web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中.这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用. W3C校验仅仅是帮助你检查XHTML代码的书写是否规范,CSS的属性是否都在CCS2的规范内.代码的标准化仅仅是第一步,不是说通过的校验,我的网页就标准化了.我们不是为了虚名,或者向别人炫耀:"

  • asp.net开发与web标准的冲突问题的一些常见解决方法

    论坛中也经常有从事.net开发的新手朋友问一些asp.net开发过程中与web标准之间的冲突问题,其实说到底就是客户端代码生成的问题.更高深的开发层面的东西我也说不出来,从页面前端的角度和大家分享一下建议: 少用asp.net中的服务器端控件 在Visual Studio中,有一系列强大的控件,让我们的刚开始学习.net开发人员爱不释手.但vs中的这些控件,大多都是基于winForm的那种模式搬来的,在网页开发上,有些控件还是少用为佳,比如: 不要什么也没都统统加form runat="serv

  • web标准常见问题集合4

    13.为什么FF下面不能水平居中呢 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] FF下面设置容器的左右外补丁为auto就可以了14.为什么FF下文本无法撑开容器的高度 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问

  • 我的一些关于web标准的思考笔记(一)

    我是从去年初开始学习web标准的,两年下来也有些心得.最近跳槽了正好闲在家里,写一些出来和大家交流一下. 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解,这两个概念似乎都是指的一个东西(就是咱们在这个版里讨论的这些个"高深理论"^_^).但我认为,事实上从技术的角度上讲,这两个事物几乎没有任何相关性.web标准简而言之就是将页面的结构.表现和行为各自独立实现,更通俗的讲就是如今招聘时流行的语言"div+css".但W3C XHTML的任何一个版本都

  • 符合web标准的媒体播放器代码

    由于Embed标签是Netscape的私有财产,故一直未被W3C认可,对于各种媒体文件使用Embed标签是非标准的,如何改变?Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码.FLash文件 复制代码 代码如下: <object type="application/x-shockwave-flash"    data="http://video.google.com/googleplayer.swf?

  • javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    第一个 文字上下间隔滚动 修正版 符合WEB标准的文字间隔滚动JS代码 var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='14:25 HTML/JS互相转换工具-IE7兼容版'; marqueeContent[1]='14:25 css 在线压缩工具'; marqueeContent[2]='14:25 CSS整形与最佳化工具[压缩]'; marqueeContent[3]='14:25 JS Minifier js压缩'; va

随机推荐