DOCTYPE为html-确保浏览器以标准模式渲染页面

很多html页面的前两行都是一样的，如下所示：

```
<!DOCTYPE html>
<html lang="zh-CN">
```

1. <!DOCTYPE html>

  • 作用：声明文档类型，告诉浏览器当前文档使用的是 HTML5 标准。
  • 详细说明：
    • <!DOCTYPE> 是 HTML 文档的第一个标签，必须放在文件的最开头。
    • 在 HTML5 中，<!DOCTYPE html> 是最简单的声明方式。
    • 它确保浏览器以标准模式（而不是怪异模式）渲染页面，以保证页面在不同浏览器中的一致性。

2. <html lang="zh-CN">

  • 作用：定义 HTML 文档的根元素，并指定文档的语言。
  • 详细说明：
    • <html> 是 HTML 文档的根元素，所有其他元素都嵌套在它内部。
    • lang="zh-CN" 是 <html> 标签的一个属性，用于指定文档的主要语言。
      • zh-CN 表示文档的主要语言是 简体中文（中国大陆）。
      • lang 属性的作用是帮助浏览器、搜索引擎和其他工具更好地理解和处理文档内容。
      • 例如，浏览器可以根据语言选择合适的字体或拼写检查规则，搜索引擎可以根据语言优化搜索结果。

3. 为什么需要这些声明？

  • <!DOCTYPE html>：
    • 确保浏览器以标准模式渲染页面，避免兼容性问题。
    • 如果没有声明 <!DOCTYPE>，浏览器可能会进入怪异模式（Quirks Mode），导致页面渲染不一致。
  • <html lang="zh-CN">：
    • 提高页面的可访问性（Accessibility），帮助屏幕阅读器等辅助技术正确识别语言。
    • 对 SEO（搜索引擎优化）有帮助，搜索引擎可以根据语言更好地索引页面内容。

4. DOCTYPE声明及渲染模式

在 HTML 的发展过程中，存在多种 声明，它们对应不同的 HTML 版本和渲染模式。浏览器的渲染模式主要分为以下三种：

  • 标准模式（Standards Mode）

  • 怪异模式（Quirks Mode）

  • 准标准模式（Almost Standards Mode）

现代 Web 开发，推荐使用 标准模式，即 HTML5 的 。

5. 总结

  • <!DOCTYPE html> 声明文档类型为 HTML5。
  • <html lang="zh-CN"> 定义文档的根元素，并指定语言为简体中文。
  • 这些声明是 HTML 文档的基础，确保页面在不同环境和设备中正确渲染和运行。