前端面试题学习-HTML-个人总结

这是看别人总结的基础上再度总结的，总结的链接如下

链接

1. DOCTYPE 的作用？

告知浏览器解析器用何标准解析文档，若不指定则按兼容模式进行解析（向后兼容模拟老浏览器）。

IE5.5 引入的概念。

HTML5 之后无需指定，因为在之前的都是基于 SGML 的，需要指定 DTD 。

2. 标准模式与兼容模式的区别？

标准模式的渲染方式和JS引擎的解析方式以浏览器支持的最高标准运行。

兼容模式会向后兼容模拟老浏览器，防止站点无法工作。

3. HTML5 为何只需要写 !DOCTYPE HTML，无需引入 DTD？

HTML5 不基于 SGML，不需要对 DTD 引用，但需要 DOCTYPE 规范浏览器的行为。

4. SGML、HTML、XML、XHTML 之间的不同？

SGML：标准通用置标语言，定义电子文档结构 + 描述内容的国际标准（始祖）

HTML：超文本标记语言，规定页面怎么显示。

XML：可扩展标记语言，相比 HTML ，标签种类可以无限扩展。

XHTML：用法比 HTML 严格，标签小写 + 闭合标签，仅此。

5. DTD ？

Document Type Definition 文档类型定义。

机器可读的规则，定义 XML 或 HTML 的特定版本中允许的元素 + 属性 + 层级关系。同时也可以用于解析检测页面的有效性并采取相应的措施。

简而言之就是，对 HTML 文档的声明，并影响浏览器的工作。

6. 行内元素

HTML4 开始，分两大类： inline （内联）， block （块）。

一个行内元素只能占据它对应标签的边框所包含的空间。

a b span img strong sub sup button input label select textarea

7. 块级元素

占据父元素整个宽度。

div ul ol li dl dt dd h1~6 p

往后都是手书（概念自己总结和手写比较好记住）

浏览器渲染相关

HTML5 新特性 + SEO + 浏览器存储 + 语义化标签

产品评估 + 下载并发 + Flash&Ajax + 重构 + 浏览器架构

性能优化 + 新

扫码实现 + HTML规范不带协议头