瞭解HTML標籤元素中alt和title屬性的區別
本篇文章給大家介紹一下HTML標籤元素中alt和title屬性的區別。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
概述
這道題大概還可以加個限定詞，我們暫且把 <title> 標籤排除在本次討論之外。
元素的 alt 和 title 屬性 有什麼區別？
（推薦教學：）
ALT 屬性
最常見用在 <img> 標籤上，那我們先來看下 <img> 標籤的 alt 屬性。
alt 屬性是一個必需的屬性，它規定在影象無法顯示時的替代文字。
假設由於下列原因使用者無法檢視影象，alt 屬性可以為影象提供替代的資訊：
- 網速太慢
src屬性中的錯誤- 瀏覽器禁用影象
- 使用者使用的是螢幕閱讀器
<img> 標籤的 alt 屬性指定了替代文字，用於在影象無法顯示或者使用者禁用影象顯示時，代替影象顯示在瀏覽器中的內容。
強烈推薦您在檔案的每個影象中都使用這個屬性。這樣即使影象無法顯示，使用者還是可以看到關於丟失了什麼東西的一些資訊。而且對於殘疾人來說，alt 屬性通常是他們瞭解影象內容的唯一方式。
註釋和提示：
註釋：alt 屬性的值是一個最多可以包含 1024 個字元的字串，其中包括空格和標點。這個字串必須包含在引號中。這段 alt 文字中可以包含對特殊字元的實體參照，但它不允許包含其他類別的標記，尤其是不允許有任何樣式標籤。
註釋：當使用者把滑鼠移動到 img 元素上時，Internet Explorer 會顯示出 alt 屬性的值。這種行為並不正確。所有其他的瀏覽器正在向規範靠攏，只要當影象無法顯示時，才會顯示出替代文字。
提示：如果需要為影象建立工具提示，請使用 title 屬性。
用法和語法：
用法：alt 屬性只能用在 img、area 和 input 元素中（包括 applet 元素）。對於 input 元素，alt 屬性意在用來替換提交按鈕的圖片。比如：
<input type="image" src="image.gif" alt="Submit" />
語法：
規定影象的替代文字
alt 文字的使用原則：
- 如果影象包含資訊 - 使用
alt描述影象 - 如果影象在
a元素中 - 使用alt描述目標連結 - 如果影象僅供裝飾 - 使用
alt=""
TITLE 屬性
定義和用法：
title 屬性規定關於元素的額外資訊。
這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字（tooltip text）。
提示：title 屬性常與 form 以及 a 元素一同使用，以提供關於輸入格式和連結目標的資訊。同時它也是 abbr 和 acronym 元素的必需屬性。當然 title 屬性是比較廣泛使用的，可以用在除了base，basefont，head，html，meta，param，script 和 title 之外的所有標籤。但是並不是必須的。
title 屬性有一個很好的用途，即為連結新增描述性文字，特別是當連線本身並不是十分清楚的表達了連結的目的。這樣就使得存取者知道那些連結將會帶他們到什麼地方，他們就不會載入一個可能完全不感興趣的頁面。另外一個潛在的應用就是為影象提供額外的說明資訊，比如日期或者其他非本質的資訊。
TITLE 標籤
看時間還早，我們繼續來看下 <title> 標籤吧。
<title> 元素可定義檔案的標題。
瀏覽器會以特殊的方式來使用標題，並且通常把它放置在瀏覽器視窗的標題列或狀態列上。同樣，當把檔案加入使用者的連結列表或者收藏夾或書籤列表時，標題將成為該檔案連結的預設名稱。
提示： <title> 標籤是 <head> 標籤中唯一要求包含的東西。
延伸閱讀： 標題裡是什麼？
一定要選擇一個正確的標題，這對於定義檔案並確保它能夠在 Web 上有效利用來說是十分重要的。
請記住，使用者可以用任何順序、獨立地存取檔案集中的每一個檔案。所以，檔案的標題不僅應當根據其他檔案的上下文定義，而且還要顯示其自身的特點。
含有檔案參照排序的標題通常不是什麼好標題。舉個例子，像「第十六章」或「第五部分」這樣的標題，對讀者理解其內容方面毫無用處。描述性更強的標題，像「第十六章：HTML 標題」，或者「第五部分：如何使用標題」，這樣的標題不僅表達了它在一個大型檔案集中的位置，還說明了檔案的具體內容，吸引讀者更有興趣讀下去。
自我參照的標題也沒有什麼用處。像「主頁」這樣的標題和內容毫無關係，類似的還有「反饋頁」或「常用連結」等。你應該設計一個能夠傳達一定內容和目的的標題，令讀者憑這個標題就可以判斷是否有必要存取這個頁面。「元素的 alt 和 title 有什麼區別 - Issue」，這就是一個描述性的標題。
人們常常會花費大量時間去建立 Web 檔案，但卻經常只是因為一個不吸引人或無意義的標題，而把這些努力全都浪費掉了。當自動為使用者蒐集連結的特殊軟體在 Web 上越來越流行時，只有網頁的標題才會作為與頁面相關的描述性詞語，被插入到龐大的連結資料庫中。因此，我們怎麼強調這一點都不過分：請為自己的每個檔案都認真地選擇一個描述性的、實用的並與上下文獨立的標題。
END.
以上就是了解HTML標籤元素中alt和title屬性的區別的詳細內容，更多請關注TW511.COM其它相關文章！