[html] 元素的alt和title有什么区别？
生活随笔
收集整理的這篇文章主要介紹了
[html] 元素的alt和title有什么区别？
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[html] 元素的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有什么区别？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： USBCNC导入DXF文件
- 下一篇： Solr进阶之拼写纠错功能的实现基础拼音