【面试常考】HTML5常考面试题

1. DOCTYPE的作用是什么？

DOCTYPE声明用于告诉浏览器使用哪种模式来进行HTML文档解析。

DOCTYPE声明有两种：标准模式和怪异模式（混杂模式）。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。

标准模式与混杂模式的区别请参考第3道面试题。

2. img标签的alt属性和title属性的区别

alt属性作为图片的替代文字出现，比如图片加载失败的时候；

title是图片的解析性文字，告诉用户当前图片的功能、意义等。

3. 浏览器标准模式和怪异模式之间的区别

所谓标准模式，是指浏览器按W3C标准来解析、执行代码，怪异模式则是使用浏览器自己支持的方式解析、执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式，也称混杂模式。

浏览器解析HTML文档时，到底使用标注模式还是怪异模式，与网页中的DTD DOCTYPE声明直接相关，DTD声明定义的解析文档的类型，会使浏览器使用相应的方式解析执行HTML。

注意：为写出跨浏览器的代码，即兼容性代码，最好使用标准模式。

4.常见的行内元素和块级元素有哪些？

行内元素： a 、img、span、input、select

块级元素：p、h1 ~ h5、div、ul、ol、table、li等

5. HTML语义化的好处？

• 去掉或丢失样式的时候，能够让页面呈现出清晰的结构。

• 有利于SEO或搜索引擎优化，有助于爬虫抓取更多的信息，爬虫依赖于标签来确定上下文和关键字的权重。

• 方便不同设备的解析。

• 便于团队开发和维护，语义化标签更具有可读性。