<連結>


HTML <link> 標籤

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>

</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

1000.png

所有主流瀏覽器都支援 <link> 標籤。

標籤定義並使用說明

<link> 標籤定義文件與外部資源的關係。

<link> 標籤最常見的用途是連結樣式表。

注意： link 元素是空元素，它只包含屬性。

注意： 此元素只能存在於 head 部分，不過它可出現任何次數。

HTML 4.01 與 HTML5之間的差異

有些 HTML 4.01 屬性在 HTML5 中不支援。

HTML5 新增了 "sizes" 屬性。

HTML 與 XHTML 之間的差異

在 HTML 中，<link> 標籤沒有結束標籤。

在 XHTML 中，<link> 標籤必須正確地關閉。

屬性

New：HTML5 新屬性。

##char_encoding HTML5 不支援該屬性。 定義被連結文件的字元編碼方式。 URL#定義被連結文件的位置。 language_code#定義被連結文件中文字的語言。 media_query#規定被連結文件將顯示在什麼裝置上。 tag必要。定義目前文件與被連結文件之間的關係。 reversed relationship HTML5 不支援該屬性。 定義被連結文件與目前文件之間的關係。 New定義了連結屬性大小，只對屬性rel="icon" 起作用。 frame_name 定義在何處載入被連結文件。 typeMIME_type
屬性值描述
charset
href
hreflang
media
rel

alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet		 up
rev
sizes#Height
xWidth		any
target

_blank
_self
#top_parent
HTML5 不支援該屬性。
####規定被連結文件的 MIME 類型。 ############

全域屬性

<link> 標籤支援全域屬性，檢視完整屬性表 HTML 全域屬性。

事件屬性

<link> 標籤支援所有 HTML 事件屬性。

相關文章

HTML 教學：HTML 樣式

HTML DOM 參考手冊：Link 物件


###############################################