</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 标签,所以即使在页面完成以后,要添加这样的页面效果,也是易如反掌、轻松之至。

