正文

建站元素的特點屬性href、src的區(qū)別,alt和title的區(qū)別

href

href表示超文本引用,用來建立當(dāng)前元素和文檔之間的鏈接,常用在link和a等元素上。例如:

<link href="demo.css" rel="stylesheet"/>

當(dāng)瀏覽器解析到這一句時會識別該文檔為css文件,會下載并不會停止對當(dāng)前文檔的處理,所以建議使用link方式而不是@import加載css。

src

src表示引用資源,替換當(dāng)前元素,是頁面內(nèi)容不可缺少的一部分,常用在img,script,iframe上。

src指向外部資源的位置,指向的內(nèi)部會遷入到文檔中當(dāng)前標(biāo)簽所在的位置;請求src資源時會將其指向的資源下載并應(yīng)用到當(dāng)前文檔中,例如js腳本、img圖片等。

<script src="demo.js"></script>

當(dāng)瀏覽器解析到這一句時會暫停其他資源的下載和處理,直至將該資源加載、編譯、執(zhí)行完畢。這也是js腳本放到底部而不是頭部的原因。

alt與title

  1. alt屬性是在你的圖片無法顯示時的替代文本,它會直接輸出在原本加載圖片的地方;title屬性是為元素提供額外的注釋信息,當(dāng)鼠標(biāo)放在元素上時會有title文字顯示,以達到補充說明或提示。
  2. alt屬性有利于SEO,是搜索引擎搜錄時判斷圖片與文字是否相關(guān)的重要依據(jù);

    title屬性更傾向于用戶體驗的考慮。

  3. alt只能是元素的屬性,只能用在img、area和input標(biāo)簽中(img,area中alt必須指定);

    title既可以是元素的屬性也可以是標(biāo)簽,作為屬性可以用在除base,basefont,head,html,meta,param,script和title之外的任何標(biāo)簽上(title常與form以及a標(biāo)簽一同使用,以提供關(guān)于輸入格式和鏈接目標(biāo)的信息),title與style、id、class等一起作為HTML中許多標(biāo)簽共用的標(biāo)準(zhǔn)屬性。

  4. alt和title這兩個屬性同時用于img標(biāo)簽的時候容易讓人混亂,因為IE不標(biāo)準(zhǔn),所以在IE中alt起到了title的作用變成文字提示。因此想在IE中顯示title的內(nèi)容,要么alt和title屬性一致,要么alt內(nèi)容為空(“”,空格也不能有)。不過新版的IE(IE8及以上)中,不存在這種情況了。

    另外,當(dāng)a標(biāo)簽內(nèi)嵌套img標(biāo)簽時,起作用的是img的title屬性。

聲明:月季網(wǎng)致力月季產(chǎn)業(yè),部分文字和圖片來源網(wǎng)絡(luò),版權(quán)歸原作者,如有侵權(quán)請聯(lián)系刪除。

月季網(wǎng)

月季網(wǎng)