HTML 中的头部通过 <head> 标签定义，其结束标签为 </head> 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>笔记本代码(bjbcode.com)</title>
</head>
<body>
<p>这是一个简单的包含头部内容的 HTML 文档示例</p>
</body>
</html>| 标签 | 描述 |
|---|---|
| <head> | 定义 HTML 文档相关信息 |
| <meta> | 定义 HTML 文档的元数据 |
| <title> | 定义 HTML 文档标题 |
| <base> | 定义 HTML 文档中所有链接的默认地址和打开方式 |
| <link> | 定义 HTML 文档与外部资源之间的关系 |
| <style> | 定义 HTML 文档的样式文件 |
| <script> | 定义 HTML 文档的脚本文件 |
| <noscript> | 定义在脚本未被执行时的替代内容（文本） |
<meta> 标签定义基本的元数据，元数据不会显示在 html 页面上，但会被浏览器解析。
元数据用于定义页面的关键词、描述、文档的作者、文档最后的修改时间、浏览器如何显示内容或加载页面、……
元数据示例：
<!-- charset="UTF-8" 表示采用 UTF-8 字符集 -->
<!-- 字符集介绍
GB2312：简体中文，包括 6763 个汉字，GB 是国标的拼音缩写。
BIG5：繁体中文，港澳台等用。
GBK：包括全部中文字符，是 GB2312 的扩展，加入对繁体字的支持，兼容 GB2312。
UTF-8：是目前最常用的字体编码格式，包含全世界所有国家需要的字符。
备注：以后都是用 UTF-8 的字符编码格式
-->
<meta charset="UTF-8">
<!-- 为搜索引擎定义关键字 -->
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<!-- 为网页定义描述内容 -->
<meta name="description" content="笔记本代码">
<!-- 定义网页作者 -->
<meta name="author" content="大鱼">
<!--网页搜索机器人向导。用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。-->
<meta name="robots" content="none">
<!-- 每30秒刷新一次当前页面 -->
<meta http-equiv="refresh" content="30">
<!--自动跳转，5表示时间停留5秒-->
<meta http-equiv="refresh" content="5" URL="http：//www.bjbcode.com/">
<!--设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅-->
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08：21：57 GMT">
<!--禁止浏览器从本地机的缓存中调阅页面内容-->
<meta http-equiv="Pragma" content="no-cache">
<!--用来防止别人在框架里调用你的页面-->
<meta http-equiv="Window-target" content="_top">
<!-- content属性值 :
width：值可为数字或关键词 device-width，将页面宽度设为指定值或设备的宽度，确保页面在不同设备上以正确的宽度显示
height：同 width
initial-scale：设置页面的初始缩放比例，取值 1.0 则页面按实际尺寸显示，无任何缩放
maximum-scale/minimum-scale：设置页面允许的最大/最小缩放比例，取值 1.0 将禁止用户缩放
user-scalable：是否可对页面进行缩放，取值 no 将禁止缩放
viewport-fit=cover：使用可视窗口完全覆盖设备屏幕的区域，适配不同尺寸的设备
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover"><meta> 标签必须位于 head 元素内部。
<title> 标签定义文档的标题，标题显示的位置有：
标题示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这是标题</title>
</head>
<body>
<p>这是一个标题示例</p>
</body>
</html><base> 标签为文档中所有链接指定默认的目标 URL 和 打开方式。
若文档中的 <a> 标签没有设置 href 和 target 属性，会默认使用 <base> 标签中指定的值。
若文档中的 <a> 标签设置了 href 和 target 属性，则不会使用 <base> 标签中指定的值，而使用 <a> 标签中设置的值。
下面的示例中使用 <base> 标签为链接指定默认的目标 URL 和 打开方式。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>指定所有链接标签的链接地址/链接目标</title>
<base href="http://www.bjbcode.com/" target="_self">
</head>
<body>
<!-- 链接一标签能够跳转，是因为 head 部分的 base 标签中指定了默认链接地址 -->
<a >链接一</a>
<br>
<!-- 链接二标签能够跳转，是因为 head 部分的 base 标签中指定了默认链接地址，但因为单独指定了 target 属性，所以会在新窗口中打开 -->
<a target="_blank">链接二</a>
<br>
<!-- 此链接中单独指定了 href 和 target 属性，所以不受 head 部分的 base 标签中默认链接地址/链接目标的影响 -->
<a href="https://www.baidu.com/" target="_blank">百度</a>
<br>
<!-- 这里只设置了图片的相对地址，能正常显示是因为 head 部分的 base 标签中指定了页面上所有链接的默认 URL -->
<img src="img/logo.png">
</body>
</html><base> 标签必须位于 head 元素内部。
<link> 标签定义了 HTML 文档与外部资源之间的关系，通常 <link> 标签用来引用：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head><head>
<link rel="shortcut icon" href="img/favicon.ico" />
</head><link> 标签只能存在于 head 元素内部，但是它可以出现任意次数。
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中，可以通过样式规定 HTML 文档在浏览器中如何呈现，通常 <style> 标签存在于：
<head>
<!-- 当 <style> 标签在 head 元素中时，type 属性是必须的，其唯一的属性值是 "text/css" -->
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head><p style="color: red;">这是一个文本呈现红色的段落</p><script> 标签用于加载脚本文件，script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
<head>
<script type="text/javascript">
document.write("Hello World!");
</script>
</head><head>
<script type="text/javascript" src="myscript.js"></script>
</head>如果使用 "src" 属性引入了外部脚本文件，则 <script></script> 标签对里必须是空的。
<noscript> 标签用来定义在脚本未被执行时的替代内容（文本），被用于可以识别到 <script> 标签但无法支持其中脚本的浏览器
定义替代文本：
<head>
<noscript>Your browser does not support JavaScript!</noscript>
</head>