在本 HTML 教程中，您将学习有关 HTML 中 Head 标签的所有知识。我们还将讨论 HTML 中 head 标签包含的元素。
<head> 元素作为所有头部元素的容器，它提供有关文档的附加信息（元数据）或指向外部资源的链接，这些资源对于页面在 Web 浏览器中正常显示或运行是必需的。头部元素解释了页面的特性，如标题，提供元信息如字符集，并告诉浏览器在哪里寻找样式表或脚本，这些样式表或脚本让您能够以非常动态和交互的方式扩展 HTML 文档。可以在 <head> 元素内部使用的所有 HTML 元素包括 <title>、<base>、<link>、<style>、<meta>、<script> 和 <noscript>。
<title> 元素指定文档的标题。要生成一个有效的文档，所有 HTML/XHTML 页面都必须包含 title 元素。在一个文档中，只允许有一个 title 元素，并且它必须放在 <head> 元素内部。title 元素只能包含纯文本和实体；不允许有其他标记标签。文档的标题可能用于多种目的。请考虑以下场景：
<!DOCTYPE html>
<html>
<head>
<title> demo </title>
</head>
<body>
<p>Welcome to learnetutorials.com </p>
</body>
</html>
HTML <base> 元素用于为文档中所有相对链接提供一个起始点。例如，您可以在页面顶部设置一次基础 URL，所有未来的相对链接都将使用该 URL 作为起点。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo</title>
<base href="https://www.learnetutorials.com/">
</head>
<body>
<p><a href="html-learnetutorials/html-head.php">HTML Head</a></p>
</body>
</html>
<link> 元素在当前文档和其他文件或资源之间建立连接。链接外部样式表是 link 元素的典型应用。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Welcome to learnetutorials.com </p>
</body>
</html>
HTML 文档的嵌入式样式信息是通过 <style> 元素定义的。<style> 元素的样式规则定义了 HTML 元素在浏览器中的外观。
<!DOCTYPE html>
<html>
<head>
<title>Embedding Style Sheets</title>
<style>
body { background-color: YellowGreen; }
p { color: green; }
</style>
</head>
<body>
<p>Welcome to learnetutorials.com </p>
</body>
</html>
HTML 文档的元数据通过 <meta> 元素提供。元数据是一组描述并提供其他数据信息的数据集合。
<!DOCTYPE html>
<html>
<head>
<title>Specifying Metadata</title>
<meta charset="utf-8"> <meta name="author" c Smith">
</head>
<body>
<p>Welcome to learnetutorials.com </p>
</body>
</html>
HTML <script> 元素用于将客户端 JavaScript 应用于当前页面，或包含外部 JavaScript 文件。
<!DOCTYPE html>
<html>
<head>
<title>Specifying Metadata</title>
<meta charset="utf-8"> <meta name="author" c Smith">
</head>
<body>
<p>Welcome to learnetutorials.com </p>
</body>
</html>
