href
href表示超文本引用,用來建立當前元素和文檔之間的鏈接,常用在link和a等元素上。例如:
<link href="demo.css" rel="stylesheet"/>當瀏覽器解析到這一句時會識別該文檔為css文件,會下載并不會停止對當前文檔的處理,所以建議使用link方式而不是@import加載css。
src
src表示引用資源,替換當前元素,是頁面內容不可缺少的一部分,常用在img,script,iframe上。
src指向外部資源的位置,指向的內部會遷入到文檔中當前標簽所在的位置;請求src資源時會將其指向的資源下載并應用到當前文檔中,例如js腳本、img圖片等。
<script src="demo.js"></script>當瀏覽器解析到這一句時會暫停其他資源的下載和處理,直至將該資源加載、編譯、執(zhí)行完畢。這也是js腳本放到底部而不是頭部的原因。
alt與title
- alt屬性是在你的圖片無法顯示時的替代文本,它會直接輸出在原本加載圖片的地方;title屬性是為元素提供額外的注釋信息,當鼠標放在元素上時會有title文字顯示,以達到補充說明或提示。
-
alt屬性有利于SEO,是搜索引擎搜錄時判斷圖片與文字是否相關的重要依據(jù);
title屬性更傾向于用戶體驗的考慮。
-
alt只能是元素的屬性,只能用在img、area和input標簽中(img,area中alt必須指定);
title既可以是元素的屬性也可以是標簽,作為屬性可以用在除base,basefont,head,html,meta,param,script和title之外的任何標簽上(title常與form以及a標簽一同使用,以提供關于輸入格式和鏈接目標的信息),title與style、id、class等一起作為HTML中許多標簽共用的標準屬性。
-
alt和title這兩個屬性同時用于img標簽的時候容易讓人混亂,因為IE不標準,所以在IE中alt起到了title的作用變成文字提示。因此想在IE中顯示title的內容,要么alt和title屬性一致,要么alt內容為空(“”,空格也不能有)。不過新版的IE(IE8及以上)中,不存在這種情況了。
另外,當a標簽內嵌套img標簽時,起作用的是img的title屬性。