『壹』 web基礎(link標簽的用法)
一慧判直在使用link標簽,這幾天接觸到了less預處理器之後,怎麼定義link都出現了一些問題,在網上查了一些資料,最終是這樣定義link的:
<link rel="stylesheet/less" type="text/css" href="css/less.less">
此時,頁面上已經可以正常顯示css了。我才發現我還並不了解link的機制是什麼樣子的,天吶~(需要用心鑽研了)
上w3c查詢link可以看到link標簽共有9個屬性(平時也用不到這么多,所以就解剖以下以上link中的三個屬性,剩下的就當是科普一下吧 ~_~)
看到一對理論性的東西,就莫名的頭大!話不多說直接開搞。
看到這里基本上就明白了rel當中的值的作用了,其實stylesheet的作用就是為了 標明當前文檔與link鏈接的文檔的關系而已 。例如<link rel="stylesheet">就是說明了link鏈接的文檔屬於當前的文檔的外部鏈接樣式表。
例中stylesheet後添加了一個/less的作用,就是為了說明此鏈接文檔是less文檔
(這么規定的,照做就行了~)畝碧改
type表面上看似很簡單,只有一個MIME_type的值,實際上 MIME_type 代表了所有迅判的文檔類型,有興趣的話,可以自己了解了解,反正我看了之後只覺得幾百種類型,我才用過幾種,如果牽扯到ajax的話,相對來說會用的比較多了。(附上w3c中能夠用到的script類型 MIME_type )
href屬性就比較簡單了, 它是用來確定你link文件的路徑 ,當然了只要是路徑都有絕對相對的,就看你把它放在哪裡找出來就是了。
想必大家也用過target這個屬性,我也是剛剛看到這個屬性居然在h5中不支持了,我的天,這是什麼鬼!不過,在測試中,ie8+、firfox、geogle依然能夠使用該屬性,也就是說,沒毛病,可以放心的使用。
好了,link標簽中常用的屬性就這3個了,剩下的屬性因為有默認值的存在,也就不需要你再動手去填寫了,但是如果你有特殊要求的話,肯定也不會是看我這篇文章的人了吧~_~。
補充一句(script標簽同理的,我懶,我就不背鍋了!!!)