RSS
当前位置:武汉网络营销学院 > 网站制作 > 正文

合理运用语义 正确的XHTML标签

来源: 作者:Admin 时间:09年12月31日 浏览:
的世界。爱国主义是一种有害的、精神错乱的白痴形式。爱国主义就是让你确信这个国家比所有其他的国家都要出色,只因为你生在这里。——乔治•肖伯纳
</blockquote>

短的引用:
<q>有这么一群人,在日本叫法西斯,在德国叫纳粹,在中国叫爱国者! ——王朔说</q>

注意:blockquote 标签会在文本的两端产生缩进。

页面呈现效果:

长的引用:

除非你把爱国主义从人类中驱逐出去,否则你将永远不会拥有一个宁静的世界。爱国主义是一种有害的、精神错乱的白痴形式。爱国主义就是让你确信这个国家比所有其他的国家都要出色,只因为你生在这里。——乔治•肖伯纳

短的引用:
有这么一群人,在日本叫法西斯,在德国叫纳粹,在中国叫爱国者! ——王朔说 

5. <del></del>——定义文档中已被删除的文本

    <ins></ins>——定义已经被更新的文本

举例:

经常有商城类网站的促销价,原价是:50元,现价是:42元

代码:原价是:<del>50元</del>,现价是:<ins>42元</ins>

页面呈现效果:原价是:50元,现价是:42元

6. <sub></sub>——定义下标文本

    <sup></sup>——定义上标文本

这二个标签在数学里经常用到。

举例:10<sub>2</sub>     10<sup>2</sup>

页面呈现效果:102    102

  看到这里,会不会有人认为:“这样做不就把一件很简单的事情复杂化了吗?”

  ——其实这样想是不对的,原因除了上面提到过的语义化原则以外,还应当考虑这句话:

  “(当你合理运用这些标签的时候)浏览器可能会根据这个信息,改变对这些文本的显示方式,或者用其他文本代替。也许当前流行的浏览器对此标签中包含的文本还没有任何处理方式,但是我们无法预测将来的浏览器版本将会如何实现该标签。

  另外,还有一些更实际的应用促使我们将代码写得更严谨些:

  假如我们希望加上一点 JS 的页面展示效果:当鼠标移动到页面中任何一个 abbr 标签内时,有一个图片会随着鼠标渐渐显示出来,并且图片上的说明文字,就是 abbr 标签内的 title 内的文字;

  由于我们一开始就在页面中设置好了 abbr 标签,所以即使在页面完成以后,要添加这样的页面效果,也是易如反掌、轻松之至。

最新评论
昵称
评论內容