HTML5文本 描述性信息 縮寫詞

    ■知識(shí)點(diǎn)

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

    ■實(shí)例設(shè)計(jì)

    部分瀏覽器對(duì)于設(shè)置了 title的abbr文本會(huì)顯示為下劃虛線樣式，如果看不到，可以為abbr的包含框添加line-height樣式。本例使用CSS主要設(shè)計(jì)下劃虛線樣式，以便兼容所有瀏覽器。

    <style>

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

    </style>

    <p><abbr title=" HyperText Markup Language">HTML</abbr>—門標(biāo)識(shí)語言。</p>

    當(dāng)瀏覽者將光標(biāo)移至abbr上，瀏覽器都會(huì)以提示框的形式顯示title文本，類似于a的title。

    ■小結(jié)

    abbr使用場(chǎng)景僅在縮寫詞第一次在視圖中出現(xiàn)時(shí)使用。使用括號(hào)提供縮寫詞的全稱是解釋縮寫詞最直接的方式，能夠讓瀏覽者更直觀地看到這些內(nèi)容。例如，使用智能手機(jī)和平板電腦等觸摸屏設(shè)備的用戶可能無法移到abbr元素上查看title的提示框。因此，如果要提供縮寫詞的全稱，應(yīng)該盡量:將它放在括號(hào)里。