<！DOCPYTE html>这个放在文档的开头代表什么？
该功能告诉浏览器以w3c的标准解析和渲染页面
浏览器解析页面有两种模式，第一种按照浏览器自己的方式解析，叫怪异模式 第二种采用w3c的标准解析页面 这叫标准模式
如果不写这个声明，各个浏览器就会以自己的方式解析，采用怪异模式，在不同浏览器下就有不同的表现，加了这个声明，就按照标准模式解析，所有浏览器保持一致。
看见了这个声明，就知道他是一个h5页面。h5新增的特性就可以使用。
Html根节点标签
Head 头部标签
Mata标签 元信息标签
Charset=”utf-8”字体编码，国际的编码是utf-8（浏览器的解析标准）国内大陆的是gb2312 台湾香港繁体字体编码是big5
Name=”viewport”叫视口 content就是对这个视口的具体操作
Width=device-width 视口宽等于设备宽
浏览器的默认视口是980 上面这个标签就是让浏览器的视口和设备视口保持一致。
Name=”description”用于网站做官网说明的 content就是说明的具体内容
Name=”keywords”用于做网站关键字搜索的。
http-equiv=”pragma” 告知网页该网页不缓存
http-equiv=”refresh” refresh重定向 content 五秒刷新 url代表跳转的地址。
Link标签
<link rel="stylesheet" type="text/css" href="css/css1.css"/>
Rel 请求的文件和当前文件的一种关系
Type 请求文件的类型
Href 请求文件的路径
Shortcut icon 特指浏览器中地址栏左侧显示的图表
标签
单标签（空标签）
双标签
w3c标签嵌套规则
内敛标签不能嵌套P和h1-h6
原文：https://www.cnblogs.com/g4930/p/12056824.html