一、HTML 结构
HTML 基本结构如下：
<DOCTYPE html> ———— 文档声明
<html> ———— HTML文档
<head> ———— 页头
</head>
<body> ———— 页身
</body>
</html>
- 文档声明
<!DOCTYPE html>表明这是一个 HTML 页面； - HTML 标签
<html> </html>告诉浏览器这个页面的开始和结束； - head 标签
<head> </head>是网页的头部，用于定义特殊内容，如页面标题、定时刷新、外部文件等； - body 标签
<body> </body>是网页的主体内容。
有如下 HTML 文件：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<p>这是 body 部分</p>
</body>
</html>
在浏览器中显示：
二、head 标签
一般来讲，只有六个标签能够放在 head 标签内部：title、meta、link、style、script、base。
1、title 标签
基本用法：<title> 文档标题 </title> ，用于定义网页的标题。
2、meta 标签
meta 标签一般用于定义页面的特殊信息，例如关键字、页面描述等，这些信息提供给搜索引擎（用户不可见），用于告诉搜索引擎当前页面是用来干什么的，其有两个重要属性：name 和 http-equiv。
name 属性 用法：<meta name='' content='' />，其中 name 和 content 的描述见下表：
| name | content |
|---|---|
| keywords | 网页关键字，可以为多个 |
| author | 网页的作者 |
| description | 网页的描述 |
| copyright | 网页版权信息 |
html示例：
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="个人主页，HTML学习笔记"/>
<meta name="author" content="Like_Frost"/>
<meta name="description" content="学习示例"/>
<meta name="copyright" content="版权所有，转载前请联系"/>
</head>
<body>
</body>
</html>
http-equiv 属性 用法：定义网页所使用的编码、定义网页自动刷新跳转。
-
定义网页所使用的编码：
<mata http-equiv="Content-Type" content="text/html; charset=utf-8"/>，在 HTML5 标准中，可以简写为<meta charset="utf-8"/>； -
定义网页自动刷新跳转：
<mata http-equiv="refresh" content="3;url=xxx"/>，作用是打开此页面 3 秒钟后跳转到新的 URL。
3、style 标签
在 HTML 中，style 标签用来定义元素的 CSS 样式，<style type="text/css> <style>，type 属性指定标签之间的内容（标准 CSS），在 CSS 中详细介绍。
4、script 标签
在 HTML 中，script 标签用来定义页面的 JavaScript 代码，也可以引入外部的 Javascript 文件，在 JS 中详细介绍。
5、link 标签
用于引入外部样式文件，<link rel="stylesheet" type="text/css" href="xxx"/>，其中，rel 用来定义外部加载的样式表，href 指定样式表的路径。
6、base 标签
用于改变文档中的文件基本路径，用法：<base href="xx" target="xxx">，它会影响页面上所有的 href 和 src 属性相对路径的定位，不会影响绝对路径的定位。href 为必需值，表示此页面上的相对路径前缀，target 为可选值，如 _blank 表示在新标签页打开。
三、body 标签
页面的主体，大部分内容写在 body 标签中。
四、注释标签
在写 HTML 文档时所加的注释，不会被页面显示，不影响页面解释，其表达形式为：<!--注释-->
