為什麼在 HTML 頁面中使用 head 標籤？

<head> 標籤是 HTML 頁面中所有頭部元素的容器。我們使用 <head>…</head> 標籤將其新增到 HTML 頁面中。head 標籤包含文件標題、樣式、指令碼和其他 HTML 元素。

<head> 元素是元資料的容器 - 關於資料的資料，它位於 <html>…</html> 標籤之間。

以下元素可以放在 <head> 元素內：

  • <title> − 在每個 HTML 頁面中使用，定義內容的標題。

  • <style> − 用於為 HTML 文件應用簡單的樣式。

  • <base> − 為頁面上的所有連結指定預設 URL 和預設目標。

  • <link> − 定義當前文件和外部資源之間的關係。

  • <meta> − 定義關於 HTML 文件的元資料，通常用於指定字元集、頁面描述、關鍵詞、文件作者和視口設定。

  • <script> − 用於嵌入客戶端指令碼（JavaScript），它透過 src 屬性指向外部指令碼檔案。

  • <noscript> − 定義要顯示給在瀏覽器中停用了指令碼或使用不支援指令碼的瀏覽器的使用者的備用內容。<noscript> 元素可以在 <head> 和 <body> 中使用。

示例

以下是包含 head 標籤內 title 標籤的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>HTML Articles-title of the document</title>
</head>
<body>
</body>
</html>

示例

在下面的示例程式中，我們在 head 標籤內使用了 style 標籤。

<html>
<head>
   <style>
      h1 {color:aquamarine; background: #232323}
   </style>
</head>
<body>
   <h1>HTML Articles</h1>
</body>
</html>

示例

在下面的示例程式中，我們在 head 標籤內使用了 script 標籤。

<!DOCTYPE html>
<html>
<head>
   <button onclick="myFunction()">Click here</button>
   <p id="demo"></p>
   <script>
      function myFunction() {
         document.getElementById("demo").innerHTML = "HTML Articles";
      }
   </script>
</head>
</html>

單擊“點選此處”按鈕後，將顯示文字“Html 文章”。

更新於： 2022年11月11日

2K+ 閱讀量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告