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

所属分类: 网络编程 / 正则表达式 阅读数: 326
收藏 0 赞 0 分享
如果你已经开始跟着《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 赞 0 分享

可以少写1000行代码的正则表达式

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。知道这20个正则表达式,能让你少写1000行代码,想知道吗
收藏 0 赞 0 分享

20个正则表达式必知(能让你少写1,000行代码)

这篇文章主要介绍了20个正则表达式必知(能让你少写1,000行代码)的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

这篇文章主要介绍了JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

java常用正则表达式

这篇文章主要介绍了java常用正则表达式,需要的朋友可以参考下
收藏 0 赞 0 分享

如何快速学习正则表达式

在日常工作中,我们经常写正则表达式,比如在表单中经常用来验证用户输入的格式是否正确。接下来通过本文给大家介绍如何快速学习正则表达式,感兴趣的小伙伴一起学习吧
收藏 0 赞 0 分享

运用正则表达式匹配所有表名

这篇文章主要介绍了运用正则表达式匹配所有表名 的相关资料,非常不错,具有参考借鉴价值,需要的朋友一起看看吧
收藏 0 赞 0 分享

浅析正则表达式-替换原则(.NET) 图文

最近经常用到替换的东西所以就出来整理下,这里要分享的是正则表达式里面的替换原则,首先要声明的是这里提及到的替换原则是.NET里面的正则表达式的替换原则
收藏 0 赞 0 分享

正则替换实现输入框只能有数字、中英文逗号

最近在开发过程中,需要一个输入框里面只能有数字与中英文逗号,因为是相关文章,其它的也不让出现,容易造成问题,编程容易把介绍复制到里面,所以想到了这个方法
收藏 0 赞 0 分享

自动检测数字替换非数字的正则表达式

这篇文章主要介绍了自动检测数字替换非数字的正则表达式 ,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多