1.<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。
以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。
2.<title> 标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够:
(1)定义浏览器工具栏中的标题
(2)提供页面被添加到收藏夹时显示的标题
(3)显示在搜索引擎结果中的页面标题
如:
<title>标题-1</title>
效果为:
3.<base>标签为页面上的所有链接规定默认地址或默认目标(target):
4.<link> 标签定义文档与外部资源之间的关系,最常用于连接样式表,如:
<link rel="stylesheet" type="text/css" href="Untitled-1.css">
效果为:
5.<style> 标签用于为 HTML 文档定义样式信息。
<style>
h2{
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
效果为:
6.<meta> 标签提供关于 HTML 文档的元数据。元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
(1)定义网页的编码格式,如:
<meta charset="utf-8">
- (2)实现网站尺寸自适应,如:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
使用前:
使用后:
6.<script> 标签用于定义客户端脚本,比如 JavaScript。