HTML img標(biāo)簽的alt屬性是什么意思？HTML img標(biāo)簽的alt屬性詳細(xì)說(shuō)明

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

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

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

• 網(wǎng)速太慢

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

• 瀏覽器禁用圖像

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

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

我們強(qiáng)烈推薦您在文檔的每個(gè)圖像中都使用這個(gè)屬性。這樣即使圖像無(wú)法顯示，用戶還是可以看到關(guān)于丟失了什么東西的一些信息。而且對(duì)于殘疾人來(lái)說(shuō)，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)圖像無(wú)法顯示時(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屬性：

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

SEO：搜索引擎優(yōu)化的簡(jiǎn)稱，是指對(duì)網(wǎng)站通過(guò)一系列有利于用戶體驗(yàn)的優(yōu)化操作使其網(wǎng)站符合搜索引擎的算法排序原理，讓自己的網(wǎng)站在在搜索引擎的搜索結(jié)果中獲得良好的排名，而“圖片沒(méi)有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)軒椭�他們了解圖片的內(nèi)容，更有利于用戶體驗(yàn)。所以圖片標(biāo)簽添加alt屬性時(shí)必須的。

alt屬性的實(shí)例：

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

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

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

【小編推薦】

html P標(biāo)簽為什么不能嵌套div？還有關(guān)于html P標(biāo)簽的css樣式的實(shí)例介紹

html表格中的th表頭內(nèi)容怎么居中？th表頭標(biāo)簽align屬性的具體介紹

以上就是HTML img標(biāo)簽的alt屬性是什么意思？HTML img標(biāo)簽的alt屬性詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！