html面试题语义化

HTML面试

1、doctype的意义是什么

这是有历史背景的，很久以前ie有一些自己的渲染模式。最典型的就是盒子模型，我么都知道一个元素他如果是width宽度的话那么他实际占的宽度还会包括他的padding和margin ，ie来说如果设置的宽度为200px，padding 10px，那么整个区域可能是180,但是标准的盒子模型它事实上宽度可能是220，后来就出现了一个解决方案，如果带上doctype那么ie就会以标准模式渲染。

所以他的意义：

• 让浏览器标准模式渲染（不只是IE）
• 让浏览器知道元素的合法性(写的是html4那么有的元素可能不合法，如果是Xhtml那么元素不闭合，属性值不加引号等就是不合法的)

2、HTML、XHTML、HTML5的关系

• HTML是属于SGML的一个应用（SGML是一个非常通用的标记语言）
• XHTML是属于Xml，是HTML进行HTML严格化的结果
• HTML5不属于SGML和XML，比XHTML宽松

3、HTML5有什么变化

• 新的语义化的元素（section、article、header、footer、nav等，能方便的写出更加有语义化的元素）
• 表单增强
• 新的API（离线、音视频、图形、实时通信、本地储存、设备能力）
• 分类和嵌套规则的变更（a中可以嵌套块级元素）

4、em和i有什么区别

• em是语义化标签，表示强调
• i是一个纯样式的标签，表示斜体
• html中i不推荐使用，一般用作图标

5、语义化的意义是什么

• 开发者容易理解，易于维护
• 机器容易理解（搜索、盲人读屏软件）
• 有益于SEO
• semantic microdata（进行标记）

6、哪些元素可以自闭和

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

7、HTML和DOM的关系

• HTML是死的（所谓的结构只是看起来有结构而已）
• DOM是有HTML解析而来，是活的，是浏览器内存中的一个结构，是一个树形结构
• js真正去维护的是DOM

8、property和attribute的区别

• attribute是死的
• property是活的

9、form的作用

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