一直在使用link標簽稽鞭,這幾天接觸到了less預(yù)處理器之后诵闭,怎么定義link都出現(xiàn)了一些問題采蚀,在網(wǎng)上查了一些資料熊赖,最終是這樣定義link的:
<link rel="stylesheet/less" type="text/css" href="css/less.less">
此時来屠,頁面上已經(jīng)可以正常顯示css了。我才發(fā)現(xiàn)我還并不了解link的機制是什么樣子的震鹉,天吶~(需要用心鉆研了)
上w3c查詢link可以看到link標簽共有9個屬性(平時也用不到這么多俱笛,所以就解剖以下以上link中的三個屬性,剩下的就當是科普一下吧 ~_~)
1:charset? char_encoding HTML5 中不支持传趾。
2:href? URL 規(guī)定被鏈接文檔的位置迎膜。
3:hreflang? language_code 規(guī)定被鏈接文檔中文本的語言。
4:media? media_query 規(guī)定被鏈接文檔將被顯示在什么設(shè)備上浆兰。??
5:rel? alternate? author? help? icon? licence? next? pingback? prefetch? prev? search? sidebar? stylesheet? tag 規(guī)定當前文檔與被鏈接文檔之間的關(guān)系磕仅。(因為rel的屬性就是確定當前頁面與鏈接內(nèi)容關(guān)系的珊豹,屬性什么的自然就多了許多)
6:rev reversed relationship HTML5 中不支持。
7:sizes heightxwidth any 規(guī)定被鏈接資源的尺寸榕订。僅適用于 rel="icon"店茶。
8:target _blank _self _top _parent frame_name HTML5 中不支持。
9:type MIME_type 規(guī)定被鏈接文檔的 MIME 類型劫恒。
看到一對理論性的東西贩幻,就莫名的頭大!話不多說直接開搞两嘴。
1. rel
值??????????????????? 描述
alternate???????? 文檔的替代版本(比如打印頁段直、翻譯或鏡像)。
stylesheet?????? 文檔的外部樣式表溶诞。
start??????????????? 集合中的第一個文檔鸯檬。
next??????????????? 集合中的下一個文檔。
prev??????????????? 集合中的上一個文檔螺垢。
contents???????? 文檔的目錄喧务。
index????????????? 文檔的索引。
glossary????????? 在文檔中使用的詞匯的術(shù)語表(解釋)枉圃。
copyright??????? 包含版權(quán)信息的文檔功茴。
chapter?????????? 文檔的章。
section??????????? 文檔的節(jié)孽亲。
subsection????? 文檔的小節(jié)坎穿。
appendix??????? 文檔的附錄。
help??????????????? 幫助文檔返劲。
bookmark?????? 相關(guān)文檔玲昧。
看到這里基本上就明白了rel當中的值的作用了,其實stylesheet的作用就是為了 標明當前文檔與link鏈接的文檔的關(guān)系而已篮绿。例如<link rel="stylesheet">就是說明了link鏈接的文檔屬于當前的文檔的外部鏈接樣式表孵延。
例中stylesheet后添加了一個/less的作用,就是為了說明此鏈接文檔是less文檔
(這么規(guī)定的亲配,照做就行了~)
2. type
值?????????????????????? 描述
MIME_type???????? 被鏈接文檔的 MIME 類型尘应。
type表面上看似很簡單,只有一個MIME_type的值吼虎,實際上MIME_type 代表了所有的文檔類型犬钢,有興趣的話,可以自己了解了解思灰,反正我看了之后只覺得幾百種類型玷犹,我才用過幾種,如果牽扯到ajax的話官辈,相對來說會用的比較多了箱舞。(附上w3c中能夠用到的script類型MIME_type?)
3. href
值???????????? 描述
URL?????????? 超鏈接的 URL遍坟。可能的值:
??????????????? 絕對 URL - 指向另一個站點(比如 href="http://www.example.com?
??????????????? /theme.css")
??????????????? 相對 URL - 指向站點內(nèi)的某個文件(href="/themes/theme.css")
href屬性就比較簡單了晴股,它是用來確定你link文件的路徑愿伴,當然了只要是路徑都有絕對相對的,就看你把它放在哪里找出來就是了电湘。
想必大家也用過target這個屬性隔节,我也是剛剛看到這個屬性居然在h5中不支持了,我的天寂呛,這是什么鬼怎诫!不過,在測試中贷痪,ie8+幻妓、firfox、geogle依然能夠使用該屬性劫拢,也就是說肉津,沒毛病,可以放心的使用舱沧。
好了妹沙,link標簽中常用的屬性就這3個了,剩下的屬性因為有默認值的存在熟吏,也就不需要你再動手去填寫了距糖,但是如果你有特殊要求的話,肯定也不會是看我這篇文章的人了吧~_~牵寺。
補充一句(script標簽同理的悍引,我懶,我就不背鍋了8准簟B痤怼!)