把关于html 的知识点分成四部分进行梳理。
一. 主流浏览器，及其内核。
二. web标准。
三. 基本标签。
四. html5新标签与特性。
1.1 IE浏览器（最新版edge）， 内核 Trident
代表： IE、傲游、世界之窗浏览器、Avan腾讯 TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10 发布后，IE 将其内置浏览器命名为 Edge，Edge 最显著的特点就是新内核 EdgeHTML。
1.2 Firefox 火狐浏览器（FF指的也是它） ，内核 Gecko
Gecko(Firefox 内核)： Mozilla FireFox(火狐浏览器) 采用该内核，Gecko 的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。 可惜这几年已经没落了， 比如 打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
1.3 Opera 欧朋浏览器 ，现在使用的内核是 Blink
Presto 是挪威产浏览器 opera 的 "前任" 内核，为何说是 "前任"，因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。
1.4 Safari 苹果浏览器，内核 Webkit
现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了）。
代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器，
1.5 Chrome 谷歌浏览器，现在使用的内核是Blink(基于Webkit)
Blink 其实是 WebKit 的分支。Chrome对于我们还是相当友好的，在学习，工作的工程中少不了他的身影。
2. web 标准
2.1 Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。 简单的说就是结构，样式，行为，相分离。
3. html 基本标签
3.1 什么是html?
超文本标记语言，主要用于搭建网页的结构（用于描述网页上的图片，文字，链接，视频，音频等）
3.2 标签分类
标签分为两类,1 单标签 (<br/>, <hr/>, <img/>, <input/>等)
2 双标签 (<div></div> , <span></span>, <p></p>等 )
3.3 标签之间的关系
标签之间的关系也分为两类, 1 嵌套关系(父子关系) <head> <title></title> </head>
2 并列关系(兄弟关系) <head></head> <body></body>
3.4 常用标签
3.41 排版标签
h1 - h6 标题标签
p 段落标签
<hr/> 水平线标签
<br/> 换行标签
div 块级盒子标签
span 行内盒子标签
3.42 文本格式化标签
strong 粗体
em 斜体
del 加删除线
ins 下划线
3.43 图像标签
img 属性（src，title，alt）
3.44 链接标签
a 属性（href）
可以配合 id 名做锚点定位。
3.45 列表标签
ul无序列表
<ul> <li> <p>无序列表</p> </li> <li> <span>ul中只能存在li</span> </li> <li> <ul> <li> <p>li中可以嵌套任何标签</p> </li> </ul> </li> </ul>
ol有序列表
<ol> <li> <span>有序列表</span> </li> <li> <div>有序列表</div> </li> </ol>
dl自定义列表
<dl> <dt>一般用于定于标题</dt> <dd>对标题进行解释</dd> <dd>对标题进行解释</dd> <dd>对标题进行解释</dd> </dl>
3.46 表格标签
table 标签
<table>
<tr> // 行
<td></td> // 一行分成几列
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
注意： tr中只能嵌套td
相关属性 ：cellspacing 单元格与单元格边框之间的距离 cellpadding 单元格内容与单元格边框之间的距离
rowspan 跨行合并 colspan 跨列合并
3.47 表单标签
input 控件，textarea文本域，select下拉菜单
method 用于设置表单数据的提交方式，其取值为get或post
<form action="" method="get"> // Action 在表单收集到信息后，需要将信息传递给服务器进行处理 ，action属性用于指定接收并处理表单数据的服务器程序的url地址。 <input type="text" /> <br/> // 单行文本框 <input type="password" /> <br/> // 密码框 <input type="radio" name = 'city' value = '北京' /> <br/> // 单选按钮（名字相同即为一组） <input type="radio" name = 'cite' value= '上海' /> <br/> <input type="checkbox" /> <br/> // 复选框 <input type="checkbox" checked="checked"/> <br/> //checked 默认选中的项 <input type="button" /> <br/> // 普通按钮 <input type="submit" /> <br/> // 提交按钮 <input type="image" src ='' /> <br/> // 图片提交 src 引入图片 <input type="reset" /> <br/> // 重置按钮 <textarea>多行文本域</textarea> </form>
下拉菜单
<select> <option>选项1</option> <option>选项2</option> <option>选项3</option> ... </select>
<select></select>中至少包含一对<option></option>。 在option 中定义selected =" selected "时，当前项即为默认选中项。
4. html5
4.1 文档类型 和字符设定
HTML <meta http-equiv="charset" content="utf-8">
XHTML <meta http-equiv="charset" content="utf-8">
HTML5 <meta charset="utf-8">
4.2 常用新标签
header：定义文档的页眉
nav：定义导航链接的部分
footer：定义文档或节的页脚
article：标签规定独立的自包含内容
section：定义文档中的节（section、区段）
aside：定义其所处内容之外的内容、
4.3 常用新属性
placeholder 占位符 <input type="text" placeholder="请输入用户名">
autofocus 规定当页面加载时 input 元素应该自动获得焦点 <input type="text" autofocus>
multiple 多文件上传 <input type="file" multiple>
autocomplete 是否记录输入历史记录 <input type="text" autocomplete="off"
required 必填项 <input type="text" required>
accesskey 使元素获得焦点快捷键 <input type="text" accesskey="s">
4.4 新增type属性
email 输入邮箱格式 <input type="email">
tel 输入手机号码格式<input type="tel">
url 输入url格式 <input type="url">
number 输入数字格式 <input type="number">
search 搜索框（体现语义化）<input type="search">
range 自由拖动滑块 <input type="range">
time, datetime, date, month, week....
4.5 多媒体标签
多媒体 embed 可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径
多媒体 audio src 指定文件路径 autoplay 自动播放 controls 是否显示播放控件 loop 循环播放
多媒体 video src 指定文件路径 autoplay 自动播放 controls 是否显示播放控件 loop 循环播放 width 设置播放窗口宽度 height 设置播放窗口的高度