特殊标签

来源:互联网 发布:工行网络金融营销 编辑:程序博客网 时间:2024/05/22 10:38

看《javascript DOM 编程艺术》一书,看到了几个新标签,很有意思,
自打入前端以来,一次也没用过,而且浏览器支持也很好,所以记录一下;

abbr

<abbr title="People's Republic of China">PRC</abbr>

效果如下(鼠标悬浮显示效果):

PRC

<abbr> 标签指示简称或缩写,比如 “WWW” 或 “NATO”。

通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

提示:可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

blockquote

<blockquote cite="http://www.baidu.com"><p>here is a long quotation here is a long quotation</p></blockquote>

<blockquote> 标签定义块引用。

<blockquote></blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

其中cite属性规定引用的来源。不过所有浏览器都不能正确显示;

sup

<sup><a href="http://www.baidu.com">百度</a></sup>

效果如下:

这段文字来源是百度百度

<sup> 标签可定义上标文本。

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

0 0
原创粉丝点击