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

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

創(chuàng)新互聯(lián)建站主營(yíng)土默特左旗網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,App定制開發(fā),土默特左旗h5成都微信小程序搭建,土默特左旗網(wǎng)站營(yíng)銷推廣歡迎土默特左旗等地區(qū)企業(yè)咨詢

ALT 屬性

最常見用在 <img> 標(biāo)簽上，那我們先來看下 <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 屬性。

用法和語(yǔ)法：

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

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

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

alt 文本的使用原則：

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

TITLE 屬性

定義和用法：

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

這些信息通常會(huì)在鼠標(biāo)移到元素上時(shí)顯示一段工具提示文本（tooltip text）。

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

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

TITLE 標(biāo)簽

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

<title> 元素可定義文檔的標(biāo)題。

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

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

延伸閱讀：標(biāo)題里是什么？

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

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

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

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

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

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

當(dāng)前標(biāo)題：HTML標(biāo)簽元素中alt和title屬性的區(qū)別有哪些
文章網(wǎng)址：http://jinyejixie.com/article46/pgiieg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、企業(yè)網(wǎng)站制作、網(wǎng)站策劃、域名注冊(cè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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

ALT 屬性

TITLE 屬性

TITLE 標(biāo)簽