HTML5文本 描述性信息 縮寫詞

    ■知識點

    使用abbr元素可以標記縮寫詞并解釋其含義，還可以使用abbr的title屬性提供縮寫詞的全稱。提示，也可以將全稱放在縮寫詞后面的括號里，或混用這兩種方式。如果使用復數(shù)形式的縮寫詞，全稱也要使用復數(shù)形式。

    ■實例設計

    部分瀏覽器對于設置了 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使用場景僅在縮寫詞第一次在視圖中出現(xiàn)時使用。使用括號提供縮寫詞的全稱是解釋縮寫詞最直接的方式，能夠讓瀏覽者更直觀地看到這些內容。例如，使用智能手機和平板電腦等觸摸屏設備的用戶可能無法移到abbr元素上查看title的提示框。因此，如果要提供縮寫詞的全稱，應該盡量:將它放在括號里。