关于HTML面试知识点（持续更新ing~）

1. html语义化

1. 让代码的可读性更强，方便其他编程人员阅读或修改时更加方便
2. 在没有CSS样式情况下也能够让页面呈现出清晰的结构
3. 有利于SEO，有利于搜索引擎爬虫爬取更多有效信息，从而提高在搜索引擎上的排名

2. 行内元素、块元素分别有哪些

• 行内元素：<a> <span> <i> <strong> <em> <b>...

行内元素特点

1. 和相邻行内元素在一行上
2. 无法设置宽高, 但水平方向的padding和margin可以设置, 垂直方向无法设置
3. 默认宽度就是它本身内容的宽度
4. 行内元素只能容纳文本或者其他行内元素 (a特殊)

• 块元素：<h1~h6> <p> <div> <ul> <ol> <li>...

块元素特点

1. 总是从新行开始
2. 高度\行高\外边距以及内距都可以控制
3. 宽度默认是容器的100%
4. 可以容纳内联元素和其他块元素

• 行内块元素：<img> <input> <td>...

行内块元素特点

1. 和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙.
2. 默认宽度就是它本身内容的宽度.
3. 高度\行高\外边距以及内边距都可以控制.

行内块元素虽然可以设置宽度和高度, 但是在现代浏览器内特性默认展示模式为 行内(inline)元素

3. H5新增

1. 新增语义化标签

• header：定义文档的头部区域；
• nav：定义导航链接的部分；
• footer：定义 section 或 document 的页脚；
• article：定义文章区域；
• section：定义文档中的节（section、区段）；
• aside：定义页面内容之外的内容；
• command: 定义按钮（单选按钮、复选框等）

2. 新增API

1. 拖拽API （拖拽drag drop拖放事件）

在拖放的过程中会触发以下事件：

1. 在拖动目标上触发事件
   • ondragstart - 用户开始拖动元素时触发
   • ondrag - 元素正在拖动时触发
   • ondragend - 用户完成元素拖动后触发
2. 释放目标时触发的事件:
   • ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
   • ondragover- 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
   • ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
   • ondrop- 在一个拖动过程中，释放鼠标键时触发此事件

2. video 视频 API
3. audio音频 API
4. 画布(Canvas) API
5. 地理(Geolocation) API
6. 数据存储 localStorage、sessionStorage
7. 表单控件 calendar、date、time、email、url、search

持续更新ing~