持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，，点击查看活动详情。
语义化的意义是什么
- 开发者容易理解，便于维护。让页面结构更清晰
- 机器（搜索引擎、读屏软件等）容易理解结构。便于团队开发和维护
- 有助于 SEO
em 和 i 的区别
共同点：二者都是表示斜体。
区别： em 是语义化的标签，表示强调。 i 是纯样式的标签，表示斜体。HTML5 中不推荐使用。
px、em、rem区别
px: 像素、绝对单位，相对于显示器的屏幕分辨率而言
em：相对于父元素、相对于当前对象内文本的字体尺寸，会继承父元素的字体大小，并不是一个固定值 浏览器默认 1em = 16px；body选择器中设置 font-size = 62.5%，简化 font-size 的换算，em 的值就变为了 1em = 10px。em会叠加计算，慎用em。
rem：相对于根元素 CSS3新增相对单位，设置相对于 HTML 根元素 IE 无法调整使用 px 作为单位的字体大小，而 em 和 rem 可以缩放
做屏幕适配的页面布局可以使用： %、em、rem，vw、vh，使用px，结合Media Query进行阶梯式适配
form 表单的作用
直接提交表单 使用 submit / reset 按钮，便于浏览器保存表单。第三方库可以整体获取值、第三方库可以进行表单验证，所以，如果我们是通过 Ajax 提交表单数据，也建议加上 form。
Context上下文环境：画布的2d上下文环境获取getContext("2d")
video audio canvas svg
Canvas：H5新增属性，默认宽为300px，高150px Canvas画布默认是透明的，我们可以通过CSS控制画布背景色，也可控制画布大小 可以使用js获取画布大小(通过JS获取到的画布的宽度并不是CSS中设置的画布的宽度) JS获取到的Canvas的dom节点中的实际设置的宽度和高度 使用js在网页上绘制图像， 通过JavaScript绘制
标签上 title 与 alt 属性的区别：alt 指定图像的替代文本，是图像无法显示时的替代文本。alt 属性只能用在 img、area、input元素中。对于input标签，alt属性用来替换提交按钮的图片。 title属性规定关于元素的额外信息，也可以为链接添加描述性文字，表达链接的目的。 <title>标签元素可以定义文档的标题，是 <head>标签中唯一要求包含的东西
H5事件：
- oblur：失焦
- onfocus：获得焦点
- onchange：元素改变
- onclick：鼠标点击
- ondrop：元素被拖拽
- onkeydown：按键
- onkeypress：按下松开按键
- onkeyup：松开按键
- onmouout：鼠标指针移出元素
- onmousedown：按下鼠标按钮
- onmousemove：鼠标指针移动
- onmouseover：鼠标指针移到元素上
html嵌套关系
块级元素可以包含行内元素或某些块元素，行内元素一般不能包含块级元素；块元素不能放在 p 标签里；li 内可以包含div 标签； 块元素与块级元素并列，行内元素与行内元素并列； h、p、dt标签只能包含行内元素
