我们日常所浏览的网页，都是有HTML文档构成的。HTML文档的基本结构如下图：
一个HTML文档由4个基本部分组成：
1、文档声明<!DOCTYPE html>声明这是一个HTML文档。
2、<html>标签<html>标签的作用相当于设计者在告诉浏览器，整个网页是从<html>这里开始的，然后到</html>结束。
3、<head>标签
head标签是页面的“头部”，只能定义一些特殊的内容。
4、<body>标签
body标签是页面的“身体”，一般网页绝大多数的标签代码都是在这里编写。
其他标签都好理解，这里主要介绍下<head>标签，因为其比较特殊，涉及到的东西还是蛮多的。
一般来说，只有6个标签能放在<head>标签内：
<head>内部标签 |
说明 |
|---|---|
<title> |
定义网页的标题 |
<meta> |
定义网页的基本信息（供搜索引擎） |
<style> |
定义CSS样式 |
<link> |
链接外部CSS文件或脚本文件 |
<script> |
定义脚本语言 |
<base> |
定义页面所有链接的基础定位 |
一、title标签
title标签唯一的作用就是定义网页的标题，标题的内容都是放在<title>标签内，如:1
<title>HTML head标签_HTML入门教程_绿叶学习网</title>
二、meta签
meta标签又叫“元信息标签”
meta标签提供的信息不显示在页面中，一般用来定义页面的关键字、页面的描述等，以方便搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）来搜索到你这个页面的信息。通俗点说，meta标签就是用来告诉“搜索蜘蛛”这个页面是干嘛的。
meta标签有两个重要的属性name和http-equiv
1、meta标签name属性
| name属性值 | 说明 |
|---|---|
| keywords | 网页的关键字（关键字可以是多个，而不仅仅是一个） |
| description | 网页的描述 |
| author | 网页的作者 |
| copyright | 版权信息 |
2、**meta标签http-equiv属性**
常见的值有：
| Content-type | 内容类型 |
|---|---|
| Expires | 过期时间 |
| Refresh | 页面刷新 |
| Set-cookie | 设定cookie |
| X-UA-Compatible | 针对ie,设置浏览器优先使用什么模式来渲染页面 |
如：1
2
3
4
5
6<meta http-equiv=”X-UA-Compatible”content=”ie=7”>
<!--ie浏览器都会用ie7来渲染； -->
<meta http-equiv=”X-UA-Compatible”content=”IE=edge”>
<!--ie浏览器会用最高版本来渲染； -->
<meta http-equiv=”X-UA-Compatible”content=”IE=Edge,chrome=1”>
<!--ie浏览器会用最高版本来渲染，如果安装了gcf(google chrome frame)可以使用chrome渲染。 -->
学习meta标签的http-equiv属性，我们只需要了解它的两个作用就行了：
一，定义页面所使用的语言
二，实现页面的自动刷新跳转
（1）定义页面所使用的语言
语法：1
2
3<head>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″/>
</head>
说明：这段代码告诉浏览器该页面所使用的字符集是gb2312，即国际汉字码。我们不需要记住，只需要了解就行了。
（2）页面自动跳转
语法：1
2
3<head>
<meta http-equiv=”refresh” content=”6;url=http:/www.baidu.com”/>
</head>
说明：这段代码作用：这个页面在6秒之后自动跳转到百度首页
三、style标签
style标签用于定义元素的CSS样式。语法：1
2
3
4
5<head>
<style type=”text/css”>
<!–这里写CSS样式–>
</style>
</head>
四、script标签
script标签用于定义页面的脚本。语法：1
2
3
4
5<head>
<script type=”text/javascript”>
alert(“绿叶学习网HTML入门教程！”);
</script>
</head>
五、link标签
link标签用于外部文件的链接，一般用于链接外部CSS样式表文件和JS文件。语法：1
2
3<head>
<link rel=”stylesheet” type=”text/css” title=”temp” href=”/temp.css/”>
</head>
六**、base标签**
base标签为整个页面定义所有链接的基础定位，其主要的作用是为了确保文档中所有的相对URL，都可以被分解成正确的文档地址，使在文档本身被移动或重命名的情况下也可以正确解析。
语法：1
2
3<head>
<base href=”http://lvyestudy“/>
</head>
base标签经常使用在创建文档集合中，为了不破坏文档中任何链接，使用者通过在每个文档中放置正确的base标签，便可以再目录甚至服务器之间移动整个文档集合。
base标签必须位于 head 元素内部。
(部分内容来源于绿叶学习网)
