當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML <link>用法及代碼示例


鏈接標簽用於定義文檔和外部資源之間的鏈接。 link標簽用於鏈接到外部樣式表。該元素可以出現多次,但僅出現在頭部。
link元素為空,僅包含屬性。

用法:

 <link rel="stylesheet" type="text/css" href="styles.css">

屬性:

描述
charset 它分配鏈接文檔的字符編碼
crossOrigin 它分配鏈接文檔的CORS設置
disabled 它指定是否禁用鏈接的文檔
href 用於設置/返回鏈接文檔的URL
hreflang 它分配鏈接文檔的語言代碼
media 它為鏈接元素分配媒體類型
rel 分配當前文檔和鏈接文檔之間的關係
rev 它將鏈接文檔中的反向關係分配給當前文檔
sizes 返回鏈接資源的sizes屬性的值
type 用於設置/返回鏈接文檔的內容類型

例: HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML Link Tag</title> 
    <link rel="stylesheet"
          type="text/css"
          href="styles.css"> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <h2>HTML Link Tag</h2> 
  
</body> 
  
</html>

CSS:



h1 { 
    color:green; 
} 
  
h1, h2{ 
    text-align:center; 
}

輸出:

支持的瀏覽器:下麵列出了HTML <link>標記支持的瀏覽器:

  • 穀歌瀏覽器
  • IE瀏覽器
  • Firefox
  • 蘋果Safari
  • Opera




相關用法


注:本文由純淨天空篩選整理自Vijay Sirra大神的英文原創作品 HTML | <link> Tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。