web基礎(chǔ)(link標簽的用法)

一直在使用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痤怼!)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末杏节,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子典阵,更是在濱河造成了極大的恐慌奋渔,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件壮啊,死亡現(xiàn)場離奇詭異嫉鲸,居然都是意外死亡,警方通過查閱死者的電腦和手機歹啼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門玄渗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來座菠,“玉大人,你說我怎么就攤上這事藤树≡〉危” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵岁钓,是天一觀的道長升略。 經(jīng)常有香客問我,道長屡限,這世上最難降的妖魔是什么品嚣? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮钧大,結(jié)果婚禮上翰撑,老公的妹妹穿的比我還像新娘。我一直安慰自己啊央,他們只是感情好额嘿,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著劣挫,像睡著了一般册养。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上压固,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天球拦,我揣著相機與錄音,去河邊找鬼帐我。 笑死坎炼,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的拦键。 我是一名探鬼主播谣光,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼芬为!你這毒婦竟也來了萄金?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤媚朦,失蹤者是張志新(化名)和其女友劉穎氧敢,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體询张,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡孙乖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唯袄。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡弯屈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出恋拷,到底是詐尸還是另有隱情资厉,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布梅掠,位于F島的核電站酌住,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏阎抒。R本人自食惡果不足惜酪我,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望且叁。 院中可真熱鬧都哭,春花似錦、人聲如沸逞带。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽展氓。三九已至穆趴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間遇汞,已是汗流浹背未妹。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留空入,地道東北人络它。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像歪赢,于是被迫代替她去往敵國和親化戳。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 第一部分: 全局屬性 1.1 html全局屬性 1. class: 類 2. style: 行內(nèi)樣式 3. tit...
    歲月靜好_不負此生閱讀 813評論 0 2
  • 今天被gay友慶文問了一個問題怎么給地址欄加小圖標埋凯,看到了他們上課的一個關(guān)于MIME type的ppt点楼,發(fā)現(xiàn)自己基...
    6J閱讀 1,186評論 3 3
  • 1.根元素 元素 表示一個HTML文檔的根(頂級元素),所以它也被稱為根元素递鹉。所有其他元素必須是此元素的后代盟步。 l...
    簡默丶XS閱讀 1,874評論 0 6
  • HTML標簽: /*告訴搜索引擎爬蟲, 我們的網(wǎng)站是關(guān)于什么內(nèi)容的狰域,en:代表...
    尋夢者er閱讀 490評論 2 0
  • 我已經(jīng)連續(xù)沒有三天背唐詩詩了媳拴。因為我這幾天是在阿姨家玩黄橘,沒有回家。把媽媽吩咐過的事給忘了一干二凈屈溉。結(jié)果塞关,今...
    王賓賓小王子閱讀 243評論 0 1