什么是 HTML5？
HTML5 是最新的 HTML 标准，它的主要目标是提供所有内容而不需要任何额外的插件（如 Flash、Silverlight 等），包括动画、视频、富 GUI 等内容。
HTML5 是万维网联盟（W3C）和网络超文本应用技术工作组（WHATWG）之间合作输出的标准。
什么是语义化的 HTML？
- 直观的认识标签：对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
- 定义：HTML 语义化是让页面内容结构化，便于浏览器和搜索引擎解析；在没有样式（CSS）的情况下，也能以一种文档格式显示，并且容易阅读。
- SEO 作用：搜索引擎爬虫依赖于标记来确定上下文和关键字的权重，利于 SEO。
- 维护方便：使阅读源代码的人更容易理解网站分块，便于阅读、维护和理解。
XHTML 和 HTML 有什么区别？
HTML 是一种基本的 Web 网页设计语言，XHTML 是一个基于 XML 的标记语言。
- 主要区别：
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须使用小写字母。
- XHTML 文档必须拥有根元素。
HTML5 为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但需要 Doctype 来规范浏览器行为（让浏览器按照正确的方式运行）。HTML4.01 基于 SGML，所以需要对 DTD 进行引用以告知浏览器文档类型。
Doctype 的作用？标准模式与兼容模式各有什么区别？
- 作用：
!DOCTYPE声明位于 HTML 文档的第一行，在<html>标签之前，告知浏览器解析器使用什么文档标准解析文档。如果 Doctype 不存在或格式不正确，文档会以兼容模式呈现。 - 标准模式：排版和 JS 运作模式都以该浏览器支持的最高标准运行。
- 兼容模式：页面以宽松的向后兼容方式显示，模拟老式浏览器行为以防止站点无法工作。
你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？
- IE：Trident
- 火狐：Gecko
- 谷歌：WebKit（旧），Blink（新）
- Opera：Presto（旧），Blink（新）
- Safari：WebKit
详细说明：
- Trident 内核：IE、MaxThon、TT、The World、360、搜狗浏览器等（又称 MSHTML）。
- Gecko 内核：Netscape6 及以上版本、Firefox、MozillaSuite/SeaMonkey 等。
- Presto 内核：Opera7 及以上（现为 Blink 内核）。
- WebKit 内核：Safari、Chrome 等（Chrome 的 Blink 是 WebKit 的分支）。
新的 HTML5 文档类型和字符集是什么？
- HTML5 文档类型：
<!doctype html> - HTML5 字符集：
<meta charset="UTF-8">
前端页面有哪三层构成，分别是什么？作用是什么？
网页分为三个层次：结构层、表示层、行为层。
- 结构层（Structural Layer）：由 HTML 或 XHTML 负责创建。
- 定义标签语义，用于描述内容结构（如
<p>表示“这是一个文本段”）。
- 定义标签语义，用于描述内容结构（如
- 表示层（Presentation Layer）：由 CSS 负责创建。
- 定义内容的显示方式（如字体、颜色、布局等）。
- 行为层（Behavior Layer）：由 JavaScript 和 DOM 主导。
- 定义内容如何响应事件（如用户交互操作）。
评论区