HTML 35道面试题及答案.docx

HTML 基础知识点 本文档总结了 HTML 相关的知识点，包括 DOCTYPE 的作用、标准模式与混杂模式的区分、HTML5 的特性、浏览器内核的理解、HTML5 新特性和移除的元素等。 DOCTYPE 的作用 DOCTYPE 是文档类型声明，告诉浏览器使用哪个版本的 HTML 规范来渲染文档。如果 DOCTYPE 不存在或形式不正确，HTML 文档将以混杂模式呈现。标准模式（Standards mode）以浏览器支持的最高标准运行，而混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。 标准模式与混杂模式 标准模式是浏览器支持的最高标准，页面以浏览器支持的最高标准运行。混杂模式是页面的一种比较宽松的向后兼容的方式显示。DOCTYPE 的存在可以告诉浏览器使用哪个版本的 HTML 规范来渲染文档。 HTML5 的特性 HTML5 不需要写 HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规范浏览器行为。HTML5 新增了许多特性，如图像、位置、存储、多任务等功能。 浏览器内核 浏览器内核主要分成两部分：渲染引擎（Layout Engine 或 Rendering Engine）和 JS 引擎。渲染引擎负责取得网页的内容、整理讯息、计算网页的显示方式，然后输出至显示器或打印机。JS 引擎解析和执行 JavaScript 来实现网页的动态效果。常见的浏览器内核有 Trident、Geckos、Presto、Webkit 等。 HTML5 新特性 HTML5 新增了许多特性，如 canvas、video 和 audio 元素、本地离线存储、语意化更好的内容元素、位置 API、表单控件等。HTML5 也移除了许多元素，如纯表现的元素和性能较差元素。 浏览器兼容问题 在处理 HTML5 新标签的浏览器兼容问题时，可以使用 JavaScript 来解决问题。例如，可以使用 JavaScript 来检测浏览器的类型，然后使用相应的解决方法。 行内元素和块级元素 行内元素有 span、img、input、select 等。块级元素有 div、ul、ol、li、dl、dt、dd、h1、p 等。空元素有 br、hr、link、meta 等。 link 和 @import 的区别 link 是 HTML 标签，除了加载 CSS 外，还可以定义 RSS 等其他事务。@import 属于 CSS 范畴，只能加载 CSS。link 引用 CSS 时，页面载入时同时加载；@import 需要在页面完全加载以后加载。 Flash of Unstyle Content（FOUC） FOUC 是一种常见的问题，发生在页面加载时，样式表没有加载完成，页面上的内容是没有样式的。解决方法是使用 link 标签加载 CSS 样式文件，因为 link 是顺序加载的，这样页面会等到 CSS 下载完之后再下载 HTML 文件。 本文档总结了 HTML 相关的知识点，包括 DOCTYPE 的作用、标准模式与混杂模式的区分、HTML5 的特性、浏览器内核的理解、HTML5 新特性和移除的元素等。