1.<!DOCTYPE html>声明文档的解析类型，避免浏览器的怪异模式（非html标签）
2.<html lang="en">整个网页，lang规定元素内容的语言（en英语，zh中文）
3.<head>页面头部，可包含元信息，页面标题，外部样式表引用，base标签，style标签和script标签
4.<meta>提供有关页面的元信息，置于<head>中最上方
字符编码<meta charset="utf-8/gb2312" />
网站作者<meta name="author" content=" " />
网站描述<meta name="Description" content=" " />
网站关键字<meta name="Keywords" content=" " />
避开防盗链<meta name='referrer' content="never" />
视图模式<meta name="viewport" content="width=device-width,initial-scale=1.0" />
5.<title>页面标题
6.<link rel="stylesheet" type="text/css" href=" " />引入外部样式表
7.<body>页面主体
8.<div>元素容器，常用于布局
9.<span>文本容器，方便设置样式（结构化）
10.<p>段落
11.<h1>~<h6>，h1顶层标题（唯一性），其他为子标题
12.<b>加粗字体
13.<strong>加粗，强调语气（语义化）
14.<i>斜体
15.<em>斜体，强调文本 （语义化）
16.<del>删除
17.<sup>上标
18.<sub>下标
19.<pre>预格式化文本标签
20.<blockquote>块引用（独立成块，首行缩进）
21.<q>短引用（浏览器可能解析成斜体或加引号）
22.<abbr title=" ">缩略词，title为元素内容的提示工具
23.<bdo dir="rtl">定义文本排列顺序（rtl左到右，rtl右到左）
24.<ruby>文字<rt>wenzi</rt></ruby> 注拼音
25.<mark>标记高亮
26.<marquee>跑马灯（可添加事件，方向，速度，次数等）
27.<details>定义文档细节，子标签<summary>定义隐藏内容的标题（兼容性差）
28.<br />换行符
29.实体字符
大于号：> 小于号：<
空格符： 引号："
注册商标：® ® 版权：© ©
&符号：&
30.<a> href：跳转链接地址，title: 提示工具，target：跳转方式
锚点：跳转到特定位置，为目标添加属性name或者id，href='(链接)#name/id'
_self:(默认值)在当前页面打开链接
_blank:跳转到新窗口
_top:跳转到当前窗口的顶部
a:link 未被访问的链接
a:visited 已被访问的链接
a:focus 聚焦到链接上
a:hover 鼠标指针移动到链接
a:active 正在被点击的链接
31.<img> src：图片路径，alt：路径错误时候的提示语(替代文字)
32.<table> border边框，cellspacing单元格间距离，cellpadding单元格与内容距离
表头<th>字体加粗,水平垂直居中，行<tr>，内容<td>: 字体正常，默认左对齐，<caption>表格标题
行合并：rowspan，列合并：colspan，垂直对齐方式valign：
top:顶部对齐
middle：垂直居中对齐
bottom：底部对齐
baseline：文字基线对齐
- <li> 列表项
无序列表 <ul> 类型type：square方块，circle空心圆，disc实心圆(默认值)
有序列表 <ol> 类型type：
1阿拉伯数字
a小写英文字母
A大写英文字母
i小写罗马数字
I大写罗马数字
定义列表 <dl>，<dt>标题，<dd>内容（dl包裹dt和dd，dt与dd并列关系）
34.语义化标签
<header>头部
<nav>导航
<section>内容(相关信息)
<article>文章(独立块)
<aside>边栏
<footer>底部
35.iframe:内联框架，引入其他页面
src：引入的目标页面路径
frameborder：边框，0/no表示隐藏，1/yes表示显示
scrolling：滚动条，no:隐藏，yes：显示，auto：自动
优点：提取网站公共部分，比如底部的信息
缺点：不利于搜索引擎优化，爬虫不能识别iframe引入页面的内容。
36.热区：通过map的名字与图片关联起来
属性：shape：定义地图形状，coords定义坐标，href：定义地图链接地址
定义地图坐标方法：
矩形rect：矩形左上角到大图左上角的距离坐标值（x，y），右下角同
圆形circle：目标地图距大图左上角的圆心坐标与半径
自定义形状poly：目标地图坐标从左上角开始依次顺时针测量出每个角的坐标值
<img src="eg.jpg" usemap="hotmap" />
<map name="hotmap">
<area shape="rect" coords="181,120,279,204" href="" alt="" />
<area shape="circle" coords="184,500,50" href="" alt="" />
<area shape="poly" coords="234,282,267,350,201,350" href="" alt="" />
</map>
37.<form> 表单
action:提交数据的路径，method:表单提交方式，enctype:表单提交数据的格式
get:提交内容通过?拼接在地址后面,不适于传输敏感信息（安全性）
post:适合用于敏感信息提交与数据较多时使用
<fieldset>表单域 <legend>表单标题 <button>按钮
表单元素类型type(默认为text)
radio：单选框
text：文本框
password：密码
checkbox：复选框
submit：提交按钮
reset：重置按钮
image：提交表单图片按钮
button：普通按钮
hidden：隐藏域
file：上传文件(用post，数据格式为enctype="multipart/form-data")
color:拾色器
data:日期控件
email:邮箱，判断邮箱地址格式是否正确
number:只能输入数字
search:搜索框
url:url字段，提交表单时会检测url地址格式是否正确
required:必填项
placeholder:用户提示语
readonly:只读,数据有提交
disabled:禁用，数据不提交
maxlength:最大长度
size:定义input框大小
checked:复选框默认选项
accept:定义文件上传类型
38.多行文本域 <textarea>，rows：行数，cols：列数
resize:none：禁止用户拉伸文本框， 浏览器不能解析多行文本域里的标签
39.下拉框 <select> 选项 <option> 下拉框分组<optgroup>
size：定义下拉框显示行数
selected：定义默认选项
multiple：表示可多选
disabled：禁用
40.给任何元素添加contenteditable=“true”属性时，即变成可编辑状态
41.音频 <audio>
src：音频路径
autoplay：自动播放
controls：音乐控制器
loop：循环播放
preload：预加载，当设置了autoplay时此属性不起效
<audio autoplay="autoplay" controls="controls" loop>
<source src="media/eg.mp3" />
<source src="media/eg.ogg" />
<source src="media/eg.wav" />
<p>您的设备过时了</p>
</audio>
42.视频 <video> (同上，poster海报，muted静音)
<video>
<source src="media/eg.mp4" type="video/mp4"></source>
<source src="media/eg.ogv" type="video/ogg"></source>
<source src="media/eg.webm" type="video/webm"></source>
当前浏览器不支持 video，请点击下载视频： <a href="">下载</a>
</video>
43.画布 <canvas>，用于绘制图像(仅仅是图形的容器，须使用脚本来完成实际的绘图任务)
44.<svg> 可伸缩矢量图形，可通过<svg>，<img>，<embed>，<object>或<iframe>嵌入HTML ，也可作为css背景图形式展示
45.<hr />水平分隔线
46.<base href=“/link/”>控制整个页面所有外部链接的根地址，会自动拼接在该页面下所有相对地址前面
47.<address>定义联系信息
48.<cite>定义作品的标题
49.<code>定义代码文本
50.<dnf>定义一个定义项目
51.<ins>被插入文档中的文本
52.<kbd>定义键盘文本
53.<progress>属性max:val任务值 , value:val当前值
54.<samp>定义计算机代码样本
55.<small>定义小号文本
56.<time>定义日期/时间
57.<noscript>不支持JS时的替代文本
