HTML - 头部元素
HTML 的 <head> 元素是以下元素的容器：<title>、<style>、<meta>、<link>、<script> 和 <base>。
HTML 的 <head> 元素
The <head> 元素是元数据（关于数据的数据）的容器，放置在 <html> 标签和 <body> 标签之间。
HTML 元数据是关于 HTML 文档的数据。元数据不会显示。
元数据通常定义文档标题、字符集、样式、脚本和其他元信息。
HTML 的 <title> 元素
The <title> 元素定义文档的标题。标题必须是纯文本，它显示在浏览器标题栏或页面标签中。
The <title> 元素在 HTML 文档中是必需的！
页面标题的内容对搜索引擎优化 (SEO) 非常重要！搜索引擎算法使用页面标题来决定在搜索结果中列出页面的顺序。
The <title> 元素
- 在浏览器工具栏中定义标题
- 在将页面添加到收藏夹时提供页面标题
- 在搜索引擎结果中显示页面标题
所以，尽量使标题尽可能准确和有意义！
一个简单的 HTML 文档
示例
<!DOCTYPE html>
<html>
<head>
<title>一个有意义的页面标题</title>
</head>
<body>
文档的内容......
</body>
</html>
动手试试 »
HTML 的 <style> 元素
The <style> 元素用于定义单个 HTML 页面的样式信息
HTML 的 <link> 元素
The <link> 元素定义当前文档和外部资源之间的关系。
The <link> 标签最常用于链接到外部样式表
提示：要学习有关 CSS 的所有内容，请访问我们的 CSS 教程。
HTML 的 <meta> 元素
The <meta> 元素通常用于指定字符集、页面描述、关键词、文档作者和视窗设置。
元数据不会显示在页面上，但会被浏览器（如何显示内容或重新加载页面）、搜索引擎（关键词）和其他网络服务使用。
示例
定义使用的字符集
<meta charset="UTF-8">
为搜索引擎定义关键词
<meta name="keywords" content="HTML, CSS, JavaScript">
定义网页的描述
<meta name="description" content="免费网页教程">
定义页面的作者
<meta name="author" content="John Doe">
每 30 秒刷新文档一次
<meta http-equiv="refresh" content="30">
设置视窗以使您的网站在所有设备上看起来都很好
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta> 标签示例
示例
<meta charset="UTF-8">
<meta name="description" content="免费网页教程">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
动手试试 »
设置视窗
视窗是用户对网页的可见区域。它随设备而变化 - 在手机上比在电脑屏幕上更小。
您应该在所有网页中包含以下 <meta> 元素
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这将向浏览器提供有关如何控制页面尺寸和缩放的说明。
The width=device-width 部分将页面的宽度设置为跟随设备的屏幕宽度（这将根据设备而变化）。
The initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。
以下是一个没有视窗元标签的网页和包含视窗元标签的相同网页示例
提示：如果您使用手机或平板电脑浏览此页面，可以点击以下两个链接查看区别。
HTML 的 <script> 元素
The <script> 元素用于定义客户端 JavaScript。
以下 JavaScript 将“Hello JavaScript!” 写入 id 为“demo” 的 HTML 元素中
示例
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
动手试试 »
提示：要全面学习 JavaScript，请访问我们的 JavaScript 教程。
HTML <base> 元素
The <base> 元素指定页面中所有相对 URL 的基本 URL 和/或目标。
The <base> 标签必须包含 href 或 target 属性，或两者兼而有之。
在一个文档中只能有一个 <base> 元素！
示例
为页面上的所有链接指定默认 URL 和默认目标
<head>
<base href="https://w3schools.org.cn/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base 标签</a>
</body>
动手试试 »
章节摘要
- The
<head>元素是元数据（关于数据的 data）的容器 - The
<head>元素放置在<html>标签和<body>标签之间 - The
<title>元素是必需的，它定义了文档的标题 - The
<style>元素用于定义单个文档的样式信息 - The
<link>标签最常用于链接到外部样式表 - The
<meta>元素通常用于指定字符集、页面描述、关键字、文档作者以及视窗设置 - The
<script>元素用于定义客户端 JavaScript - The
<base>元素指定页面中所有相对 URL 的基本 URL 和/或目标
HTML 头部元素
| 标签 | 描述 |
|---|---|
| <head> | 定义有关文档的信息 |
| <title> | 定义文档的标题 |
| <base> | 为页面上的所有链接定义默认地址或默认目标 |
| <link> | 定义文档与外部资源之间的关系 |
| <meta> | 定义有关 HTML 文档的元数据 |
| <script> | 定义客户端脚本 |
| <style> | 定义文档的样式信息 |
要获取所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。
视频：HTML 头部
