HTML5文本 描述性信息 缩写词

    ■知识点

    使用abbr元素可以标记缩写词并解释其含义，还可以使用abbr的title属性提供缩写词的全称。提示，也可以将全称放在缩写词后面的括号里，或混用这两种方式。如果使用复数形式的缩写词，全称也要使用复数形式。

    ■实例设计

    部分浏览器对于设置了 title的abbr文本会显示为下划虚线样式，如果看不到，可以为abbr的包含框添加line-height样式。本例使用CSS主要设计下划虚线样式，以便兼容所有浏览器。

    <style>

        abbr[title] { border-bottom: lpx dotted #000; }

    </style>

    <p><abbr title=" HyperText Markup Language">HTML</abbr>—门标识语言。</p>

    当浏览者将光标移至abbr上，浏览器都会以提示框的形式显示title文本，类似于a的title。

    ■小结

    abbr使用场景仅在缩写词第一次在视图中出现时使用。使用括号提供缩写词的全称是解释缩写词最直接的方式，能够让浏览者更直观地看到这些内容。例如，使用智能手机和平板电脑等触摸屏设备的用户可能无法移到abbr元素上查看title的提示框。因此，如果要提供缩写词的全称，应该尽量:将它放在括号里。