📌  相关文章
📜  html 头部标志 - Html (1)

📅  最后修改于: 2023-12-03 15:15:41.107000             🧑  作者: Mango

HTML 头部标签 - <head>

在 HTML 中，<head> 元素是用来定义文档的头部区域的。它通常包含了文档的描述、标题、链接和其他元数据。

以下是 <head> 中常见的标签：

<title>
<head>
  <title>页面标题</title>
</head>

<title> 标签用来定义文档的标题，它会显示在浏览器的标题栏或者页面标签上。页面标题应该简明扼要，并且描述页面的内容。

<meta>
<head>
  <meta charset="UTF-8">
  <meta name="description" content="页面描述">
  <meta name="keywords" content="关键字1, 关键字2, 关键字3">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<meta> 标签用来定义页面的元数据。常见的属性有：

  • charset：指定文档使用的字符编码。
  • name="description"：定义页面的描述，它会显示在搜索引擎结果中。
  • name="keywords"：定义页面的关键字，有助于搜索引擎收录和排名。
  • name="viewport"：定义页面在移动设备上的视口大小。
<link>
<head>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
</head>

<link> 标签用来引入外部资源到页面中。常见的用途有：

  • <link rel="stylesheet">：引入外部 CSS 样式表。
  • <link rel="icon">：指定网页的图标。
<script>
<head>
  <script src="script.js"></script>
</head>

<script> 标签用来引入外部 JavaScript 文件或者内嵌 JavaScript 代码。

<base>
<head>
  <base href="https://www.example.com/">
</head>

<base> 标签用来指定页面中相对 URL 的默认基准 URL。

总结： 对于程序员来说，了解并合理使用 HTML 头部标签可以提供更好的用户体验、搜索引擎优化和代码维护性。<head> 中的元素定义了关于页面的重要信息，它们被浏览器和搜索引擎用来展示和解析网页内容。

注：以上内容是关于 HTML 头部标签的基本介绍，更详细的信息可以进一步学习相关 HTML 文档。