HTML基础面试题汇总

本文主要和大家分享HTML基础面试题及答案，希望能帮助到大家。

1 DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?

告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。

2 HTML5为什么只需要写？

HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。

HTML4.01基于SGML，所以需要引用DTD。才能告知浏览器文档所使用的文档类型，如下：

3 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

行内元素：a span img input select
块级元素：p ul ol li dl dt dd h1 p
空元素：


---

4 页面导入样式时，使用link和@import有什么区别？

相同的地方，都是外部引用CSS方式，区别：

1. link是xhtml标签，除了加载css外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS

2. link引用CSS时候，页面载入时同时加载；@import需要在页面完全加载以后加载，而且@import被引用的CSS会等到引用它的CSS文件被加载完才加载

3. link是xhtml标签，无兼容问题；@import是在css2.1提出来的，低版本的浏览器不支持

4. link支持使用javascript控制去改变样式，而@import不支持

5. link方式的样式的权重高于@import的权重

6. import在html使用时候需要