href
href表示超文本引用，用來(lái)建立當(dāng)前元素和文檔之間的鏈接，常用在link和a等元素上。例如：
<link href="demo.css" rel="stylesheet"/>當(dāng)瀏覽器解析到這一句時(shí)會(huì)識(shí)別該文檔為css文件，會(huì)下載并不會(huì)停止對(duì)當(dāng)前文檔的處理，所以建議使用link方式而不是@import加載css。
src
src表示引用資源，替換當(dāng)前元素，是頁(yè)面內(nèi)容不可缺少的一部分，常用在img，script，iframe上。
src指向外部資源的位置，指向的內(nèi)部會(huì)遷入到文檔中當(dāng)前標(biāo)簽所在的位置；請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到當(dāng)前文檔中，例如js腳本、img圖片等。
<script src="demo.js"></script>當(dāng)瀏覽器解析到這一句時(shí)會(huì)暫停其他資源的下載和處理，直至將該資源加載、編譯、執(zhí)行完畢。這也是js腳本放到底部而不是頭部的原因。
alt與title
- alt屬性是在你的圖片無(wú)法顯示時(shí)的替代文本，它會(huì)直接輸出在原本加載圖片的地方；title屬性是為元素提供額外的注釋信息，當(dāng)鼠標(biāo)放在元素上時(shí)會(huì)有title文字顯示，以達(dá)到補(bǔ)充說(shuō)明或提示。
-
alt屬性有利于SEO，是搜索引擎搜錄時(shí)判斷圖片與文字是否相關(guān)的重要依據(jù)；
title屬性更傾向于用戶(hù)體驗(yàn)的考慮。
-
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)屬性。
-
alt和title這兩個(gè)屬性同時(shí)用于img標(biāo)簽的時(shí)候容易讓人混亂，因?yàn)镮E不標(biāo)準(zhǔn)，所以在IE中alt起到了title的作用變成文字提示。因此想在IE中顯示title的內(nèi)容，要么alt和title屬性一致，要么alt內(nèi)容為空（“”，空格也不能有）。不過(guò)新版的IE（IE8及以上）中，不存在這種情況了。
另外，當(dāng)a標(biāo)簽內(nèi)嵌套img標(biāo)簽時(shí)，起作用的是img的title屬性。
