HTML中img標(biāo)簽的alt屬性指的是什么意思

這篇文章主要介紹了HTML中img標(biāo)簽的alt屬性指的是什么意思，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

首先，我們先來看看img標(biāo)簽的alt屬性是什么意思？

alt 屬性是一個(gè)必需的屬性，它規(guī)定在圖像無法顯示時(shí)的替代文本。

假設(shè)由于下列原因用戶無法查看圖像，alt屬性可以為圖像提供替代的信息：

• 網(wǎng)速太慢

• src 屬性中的錯(cuò)誤

• 瀏覽器禁用圖像

• 用戶使用的是屏幕閱讀器

<img>標(biāo)簽的alt屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時(shí)，代替圖像顯示在瀏覽器中的內(nèi)容。

我們強(qiáng)烈推薦您在文檔的每個(gè)圖像中都使用這個(gè)屬性。這樣即使圖像無法顯示，用戶還是可以看到關(guān)于丟失了什么東西的一些信息。而且對(duì)于殘疾人來說，alt屬性通常是他們了解圖像內(nèi)容的唯一方式。

注釋：alt 屬性的值是一個(gè)最多可以包含 1024 個(gè)字符的字符串，其中包括空格和標(biāo)點(diǎn)。這個(gè)字符串必須包含在引號(hào)中。這段 alt 文本中可以包含對(duì)特殊字符的實(shí)體引用，但它不允許包含其他類別的標(biāo)記，尤其是不允許有任何樣式標(biāo)簽。

注釋：當(dāng)用戶把鼠標(biāo)移動(dòng)到 img 元素上時(shí)，Internet Explorer 會(huì)顯示出 alt 屬性的值。這種行為并不正確。所有其他的瀏覽器正在向規(guī)范靠攏，只要當(dāng)圖像無法顯示時(shí)，才會(huì)顯示出替代文本。

提示：如果需要為圖像創(chuàng)建工具提示，請(qǐng)使用 title 屬性。

HTML img標(biāo)簽的alt屬性的實(shí)例：

帶有替代文本的圖像：

<img src="img_logo.gif" alt="www.php.cn" />

HTML img標(biāo)簽的alt屬性的語(yǔ)法：

<img alt="text" />

HTML img標(biāo)簽的alt屬性的屬性：

為什么HTML img標(biāo)簽要添加alt屬性：

首先，先說明本人前端初級(jí)菜鳥一枚。今天在看教學(xué)視頻的時(shí)候，老師說了一句，alt屬性必須要添加。不明白原因，所以就在網(wǎng)上查了一下。想嘗試著寫博客，鍛煉自己的總結(jié)能力，所以就寫成博客啦！內(nèi)容是我從不同的地方看到的，將alt屬性的好處和SEO的含義寫在一起，看起來更方便。

SEO：搜索引擎優(yōu)化的簡(jiǎn)稱，是指對(duì)網(wǎng)站通過一系列有利于用戶體驗(yàn)的優(yōu)化操作使其網(wǎng)站符合搜索引擎的算法排序原理，讓自己的網(wǎng)站在在搜索引擎的搜索結(jié)果中獲得良好的排名，而“圖片沒有alt信息的img標(biāo)簽”扣分較多。

網(wǎng)站給圖片添加alt有利于SEO優(yōu)化，使得網(wǎng)站符合搜索引擎的算法排序原理，在搜索引擎的搜索結(jié)果中獲得良好的排名。alt屬性是對(duì)圖片的簡(jiǎn)單介紹，盡可能的包含網(wǎng)站的關(guān)鍵詞。當(dāng)用戶加載網(wǎng)頁(yè)有困難的時(shí)候，alt標(biāo)簽?zāi)軒椭麄兞私鈭D片的內(nèi)容，更有利于用戶體驗(yàn)。所以圖片標(biāo)簽添加alt屬性時(shí)必須的。

alt屬性的實(shí)例：

alt是在圖片不能正常加載時(shí)候顯示的提示語(yǔ)，代碼如下：

<img src="eg_tulip.jpg"  alt="上海鮮花港 - 郁金香" />

運(yùn)行結(jié)果如下：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享HTML中img標(biāo)簽的alt屬性指的是什么意思內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!