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