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


HTML <head>用法及代碼示例


HTML中的<head>標記用於定義文檔的頭部,其中包含與文檔相關的信息。
<head>標記包含其他head元素,例如<title>,<meta>,<link>,<style> <link>等。
在HTML 4.01中,<head>元素是必需的,但在HTML5中,可以省略<head>元素。

標簽特定屬性

<hr>標記的以下提到的layout-attributes已從HTML5中刪除。
屬性:

  • profile:它用於指定文檔的URL,該文檔包含一個或多個元數據配置文件,供瀏覽器清楚地了解該信息。

用法:

<head>
<title>Title of the document</title>
</head>

以下示例程序旨在說明<head>元素:



輸入:

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <title>HTML Head Tag </title> 
</head> 
  
<body> 
    <p>GeeksforGeeks is a portal for geeks.</p> 
    <hr> 
</body> 
  
</html>

輸出:

2.在頭標簽內使用樣式標簽。
輸入:

<!DOCTYPE html> 
  
<html> 
  
<head> 
    <style> 
        body { 
            background:skyblue; 
        } 
          
        h1 { 
            color:red; 
        } 
          
        p { 
            color:blue; 
        } 
    </style> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <p>It is a portal for geeks.</p> 
  
</body> 
  
</html>

輸出:

3.在head標簽內使用link標簽。
輸入:

<!DOCTYPE html> 
  
<html> 
  
<head> 
    <link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <p>It is a portal for geeks.</p> 
  
</body> 
  
</html>

輸出:

支持的瀏覽器:<head>標簽支持的瀏覽器如下:

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

相關用法


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