HTML相关问题整理

1.doctype的意义是什么？

• 让浏览器以标准模式渲染
• 让浏览器知道元素的合法性

2.HTML XHTML HTML5的关系？

• HTML，即“HyperText Markup Language” （超文本标识语言），是一种用于创建网页的标准标记语言。其属于SGML。（SGML是一种非常通用的标记语言）
• XHTML，即“eXtensible HyperText Markup Language”（可扩展超文本标记语言）属于XML，即“eXtensible Markup Language”（可扩展标识语言），表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。是HTML进行XML严格化的结果。
• HTML5不属于SGML或XML，比XHTML宽松，本身就是一个独立的规范。

3.HTML5有什么变化？

• 新的语义化元素，比如article footer header nav section 还有一些语义化的变化，像i b等语义化不强的元素不推荐使用了。
• 表单增强。新的表单控件，比如calendar date time email url search等，以及表单验证。
• 新的API（离线、音视频、图形、实时通信、本地储存、设备能力等）。
• 分类和嵌套变更。HTML5对元素进行了重新的分类，嵌套规则也发生了变化。

4.em和i有什么区别？

• em是语义化的标签，表强调。
• i是纯样式的标签，表斜体。

5.语义化的意义是什么？

• 开发者容易理解
• 机器容易理解结构（搜索、读屏软件）。
• 有助于SEO。
• semantic microdata，可以在HTML文档中添加新的标记，标注这个文档是什么，就是把HTML中的元素做进一步的语义化的标记，方便于搜索。

6.哪些元素可以自闭合？

• 表单元素input
• 图片img
• br hr
• meta link

7.HTML和DOM的关系

• HTML本身只是字符串，所以HTML是“死”的。
• DOM由HTML解析而来，是“活的”。DOM是浏览器内存中的一个结构。其将HTML文档表达为树结构，也被称为节点树。此时，HTML文档中的所有内容都是节点。
• 通过DOM，树中的所有节点均可通过JS进行访问。其定义了所有HTML元素的对象和属性，以及访问它们的方法。JS在对HTML元素获取、修改、添加或删除时，并不是写入一段HTML进去，而是操作的一个DOM。

8.property和attribute的区别

• property是DOM中的属性，是JavaScript里的对象。
• attribute是HTML标签上的特性，它的值只能够是字符串。

9.form作用有哪些？

• 直接提交表单
• 使用submit/reset按钮
• 便于浏览器保存表单
• 第三方库可以整体提取值
• 第三方库可以进行表单验证