为什么我们在 HTML 页面中使用 head 标签?

htmlweb developmentfront end technology更新于 2024/6/28 22:36:17

<head> 标签是 HTML 页面中所有 head 元素的容器。我们使用 <head>…</head> 标签将其添加到 HTML 页面。head 标签包含文档标题、样式、脚本和其他 HTML 元素。

以下元素可以放在 <head> 内部:元素 −

<title> − 在每个 HTML 页面中使用，定义内容的标题。
<style> − 用于将简单样式应用于 HTML 文档
<base> − 为页面上的所有链接指定默认 URL 和默认目标。
<link> − 定义当前文档与外部资源之间的关系。
<meta> − 定义有关 HTML 文档的元数据，通常用于指定字符集、页面描述、关键字、文档作者和视口设置。
<script> − 用于嵌入客户端脚本 (JavaScript)，它通过 src 属性指向外部脚本文件。
<noscript> − 定义要向已在浏览器中禁用脚本或浏览器不支持脚本的用户显示的替代内容。<noscript> 元素可在 <head> 和 <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>