HTML <link>標(biāo)簽將外部資源（例如css文件）鏈接到HTML文檔。此標(biāo)簽通常也稱為 <link>元素。
鏈接到外部樣式文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> <link rel="stylesheet" type="text/css" href="theme.css"> </head> <body> </body> </html>測(cè)試看看 ?/?
使用HTML <link>標(biāo)記鏈接樣式表的語法為：
<head>
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>
或在XHTML中，<link>標(biāo)記的語法為：
<head>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <link> 標(biāo)簽。
<link>標(biāo)記最常用于將樣式表或css文件鏈接到HTML文檔。
<link> 標(biāo)簽定義文檔與外部資源的關(guān)系。
<link> 標(biāo)簽最常見的用途是鏈接樣式表。
注意： link 元素是空元素，它僅包含屬性。
注意： 此元素只能存在于 head 部分，不過它可出現(xiàn)任何次數(shù)。
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
在 HTML 中，<link> 標(biāo)簽沒有結(jié)束標(biāo)簽。
在 XHTML 中，<link> 標(biāo)簽必須被正確地關(guān)閉。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持該屬性。 定義被鏈接文檔的字符編碼方式。 |
| href | URL | 定義被鏈接文檔的位置。 |
| hreflang | language_code | 定義被鏈接文檔中文本的語言。 |
| media | media_query | 規(guī)定被鏈接文檔將顯示在什么設(shè)備上。 |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | 必需。定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系。 |
| rev | reversed relationship | HTML5 不支持該屬性。 定義被鏈接文檔與當(dāng)前文檔之間的關(guān)系。 |
| sizesHTML5 | HeightxWidth any | 定義了鏈接屬性大小，只對(duì)屬性 rel="icon" 起作用。 |
| target | _blank _self _top _parent frame_name | HTML5 不支持該屬性。 定義在何處加載被鏈接文檔。 |
| type | MIME_type | 規(guī)定被鏈接文檔的 MIME 類型。 |
<link> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML 全局屬性。
<link> 標(biāo)簽支持所有 HTML 事件屬性。
HTML 教程：HTML 樣式
HTML DOM 參考手冊(cè)：Link 對(duì)象