HTML ?? ???
/ <link>
<link>
HTML <link> 標(biāo)簽 實例 鏈接到外部樣式文件: <head> <link rel='stylesheet' type='text/css' href='theme.css'> </head> 嘗試一下 ? ..
HTML <link> 標(biāo)簽
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我是通過樣式文件 styles.css 渲染后顯示的。</h1> <p>我也是。</p> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
瀏覽器支持
所有主流瀏覽器都支持 <link> 標(biāo)簽。
標(biāo)簽定義及使用說明
<link> 標(biāo)簽定義文檔與外部資源的關(guān)系。
<link> 標(biāo)簽最常見的用途是鏈接樣式表。
注意： link 元素是空元素，它僅包含屬性。
注意： 此元素只能存在于 head 部分，不過它可出現(xiàn)任何次數(shù)。
HTML 4.01 與 HTML5之間的差異
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異
在 HTML 中，<link> 標(biāo)簽沒有結(jié)束標(biāo)簽。
在 XHTML 中，<link> 標(biāo)簽必須被正確地關(guān)閉。
屬性
New：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| 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)系。 |
| sizesNew | HeightxWidth any | 定義了鏈接屬性大小，只對屬性 rel="icon" 起作用。 |
| target | _blank _self _top _parent frame_name | HTML5 不支持該屬性。 定義在何處加載被鏈接文檔。 |
| type | MIME_type | 規(guī)定被鏈接文檔的 MIME 類型。 |
全局屬性
<link> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML 全局屬性。
事件屬性
<link> 標(biāo)簽支持所有 HTML 事件屬性。
相關(guān)文章
HTML 教程：HTML 樣式
HTML DOM 參考手冊：Link 對象