特殊标签

    xiaoxiao2021-03-25  131

    看《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> 标签结合起来使用,就可以创建出很好的超链接脚注。

    转载请注明原文地址: https://ju.6miu.com/read-7850.html

    最新回复(0)