溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML標簽元素中alt和title屬性的區(qū)別有哪些

發(fā)布時間：2020-10-14 15:09:54 來源：億速云 閱讀：369 作者：小新 欄目：web開發(fā)

小編給大家分享一下HTML標簽元素中alt和title屬性的區(qū)別有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

ALT 屬性

最常見用在 <img> 標簽上，那我們先來看下 <img> 標簽的 alt 屬性。

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

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

  • 網(wǎng)速太慢
  • src 屬性中的錯誤
  • 瀏覽器禁用圖像
  • 用戶使用的是屏幕閱讀器

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

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

注釋和提示：

注釋：alt 屬性的值是一個最多可以包含 1024 個字符的字符串，其中包括空格和標點。這個字符串必須包含在引號中。這段 alt 文本中可以包含對特殊字符的實體引用，但它不允許包含其他類別的標記，尤其是不允許有任何樣式標簽。

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

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

用法和語法：

用法：alt 屬性只能用在 img、area 和 input 元素中（包括 applet 元素）。對于 input 元素，alt 屬性意在用來替換提交按鈕的圖片。比如：

<input type="image" src="image.gif" alt="Submit" />

語法：
規(guī)定圖像的替代文本

alt 文本的使用原則：

  • 如果圖像包含信息 - 使用 alt 描述圖像
  • 如果圖像在 a 元素中 - 使用 alt 描述目標鏈接
  • 如果圖像僅供裝飾 - 使用 alt=""

TITLE 屬性

定義和用法：

title 屬性規(guī)定關(guān)于元素的額外信息。

這些信息通常會在鼠標移到元素上時顯示一段工具提示文本（tooltip text）。

提示：title 屬性常與 form 以及 a 元素一同使用，以提供關(guān)于輸入格式和鏈接目標的信息。同時它也是 abbr 和 acronym 元素的必需屬性。當然 title 屬性是比較廣泛使用的，可以用在除了base，basefont，head，html，meta，param，script 和 title 之外的所有標簽。但是并不是必須的。

title 屬性有一個很好的用途，即為鏈接添加描述性文字，特別是當連接本身并不是十分清楚的表達了鏈接的目的。這樣就使得訪問者知道那些鏈接將會帶他們到什么地方，他們就不會加載一個可能完全不感興趣的頁面。另外一個潛在的應(yīng)用就是為圖像提供額外的說明信息，比如日期或者其他非本質(zhì)的信息。

TITLE 標簽

看時間還早，我們繼續(xù)來看下 <title> 標簽吧。

<title> 元素可定義文檔的標題。

瀏覽器會以特殊的方式來使用標題，并且通常把它放置在瀏覽器窗口的標題欄或狀態(tài)欄上。同樣，當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時，標題將成為該文檔鏈接的默認名稱。

提示： <title> 標簽是 <head> 標簽中唯一要求包含的東西。

延伸閱讀： 標題里是什么？

一定要選擇一個正確的標題，這對于定義文檔并確保它能夠在 Web 上有效利用來說是十分重要的。

請記住，用戶可以用任何順序、獨立地訪問文檔集中的每一個文檔。所以，文檔的標題不僅應(yīng)當根據(jù)其他文檔的上下文定義，而且還要顯示其自身的特點。

含有文檔引用排序的標題通常不是什么好標題。舉個例子，像“第十六章”或“第五部分”這樣的標題，對讀者理解其內(nèi)容方面毫無用處。描述性更強的標題，像“第十六章：HTML 標題”，或者“第五部分：如何使用標題”，這樣的標題不僅表達了它在一個大型文檔集中的位置，還說明了文檔的具體內(nèi)容，吸引讀者更有興趣讀下去。

自我引用的標題也沒有什么用處。像“主頁”這樣的標題和內(nèi)容毫無關(guān)系，類似的還有“反饋頁”或“常用鏈接”等。你應(yīng)該設(shè)計一個能夠傳達一定內(nèi)容和目的的標題，令讀者憑這個標題就可以判斷是否有必要訪問這個頁面?！霸氐?alt 和 title 有什么區(qū)別 - Issue”，這就是一個描述性的標題。

人們常常會花費大量時間去創(chuàng)建 Web 文檔，但卻經(jīng)常只是因為一個不吸引人或無意義的標題，而把這些努力全都浪費掉了。當自動為用戶搜集鏈接的特殊軟件在 Web 上越來越流行時，只有網(wǎng)頁的標題才會作為與頁面相關(guān)的描述性詞語，被插入到龐大的鏈接數(shù)據(jù)庫中。因此，我們怎么強調(diào)這一點都不過分：請為自己的每個文檔都認真地選擇一個描述性的、實用的并與上下文獨立的標題。

以上是HTML標簽元素中alt和title屬性的區(qū)別有哪些的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手