慕少3449830 ·本章节讲解 HTML 中的 head 标签，以及 head 内包含关于 HTTP 协议的标签-meta。
<head> 定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
head 标签是 HTML 标准框架中的头部分，前边章节我们讲到 HTML 的标准框架中提到 一个标准的 HTML 中包含 HTML标签、head标签、 body 标签以及 w3c 文档标准头。所以说 head 标签是必须的标签，它本身没有视觉展示效果，仅仅是作为容器标签，其中可以包含的标签包含：
- base
- link
- meta
- script
- style
- title
例如：
<html> <head> <title>标题</title> </head> <body> 内容... ... </body> </html>代码块预览 复制
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
所有主流的浏览器都支持 head 标签。
- 优化搜索引擎
- 定义页面使用语言
- 控制页面缓存
- 网页定义评价
- 控制页面显示窗口
- ……
例如
<meta name="keywords" content="HTML,PHP,SQL"> <!-- 定义文档关键词，用于爬虫搜索引擎 --> <meta http-equiv="charset" content="iso-8859-1"> <!-- 定义文档的字符集 --> <meta http-equiv="expires" content="31 Dec 2020"> <!-- 定义文档的缓存过期时间 -->代码块预览 复制
- 1
- 2
- 3
- name 描述网页
- content 方便搜索引擎查找和分类
- http-equiv http文件头设置
header 标签定义文档的页眉，与 head 类似，它也是仅仅起到容器作用，不同的是 header 非网页必须标签，而且是 HTML5 的新增标准，放到 header 标签的内容大都是一些文档的介绍信息，例如：
<header> <h1>本章介绍HTML头</h1> </header>代码块预览 复制
- 1
- 2
- 3
head 内还可以包括 link、script 等标签，用于引用 css JavaScript 文件等作用，例如：
实例演示
预览
复制
<head>
<link href='/css/1.css' type="text/css" /> <!-- 定义层叠样式表 -->
<script src="/script/1.js" type='text/javascript'></script><!-- 定义JavaScript脚本 -->
</head>
- 1
- 2
- 3
- 4
运行案例 点击 "运行案例" 可查看在线运行效果
2025 imooc.com All Rights Reserved |