<!DOCTYPE html>是触发浏览器标准模式的必要开关，必须位于文档首行且前面不能有任何字符，否则将导致怪异模式，引发盒模型异常、Flex失效等渲染问题。
HTML 是所有网页的结构基础，不是编程语言，也不处理样式或交互——它只负责定义“这里是一段文字”“那里是一张图”“这个是标题”，浏览器照着它搭出页面骨架。
为什么必须写 <!DOCTYPE html> 在第一行
不加这行，现代浏览器（Chrome、Edge、Firefox）会退回到“怪异模式”，导致盒模型计算错误、width 表现异常、Flex 布局失效等隐蔽问题。它不是标签，但它是解析规则的开关。
- 必须放在文件最开头，前面不能有任何空格、注释或 BOM 字节
- 大小写不敏感，但规范写法全小写：
<!DOCTYPE html> - HTML5 只需这一种写法；旧式如
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">已淘汰
<head> 和 <body> 分别管什么
<head> 是浏览器和搜索引擎看的“后台信息区”，内容不会显示在页面上；<body> 才是用户真正看到的所有内容区域。
-
<title>必须放<head>里，它出现在浏览器标签页上，影响 SEO 和书签识别 -
<meta charset="UTF-8">要紧贴<head>开头，否则中文可能乱码（尤其 Windows 记事本保存时默认 ANSI） -
<link rel="stylesheet" href="style.css">和<script src="app.js"></script>也都在<head>（或<body>底部），但它们本身不渲染可视内容
哪些标签必须闭合，哪些可以不写结束符
HTML5 对“自闭合”更宽容，但新手按严格规则写，能避免很多解析歧义和编辑器报错。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 双标签必须成对：
<p>和</p>、<div>和</div>、<span>和</span> - 单标签推荐加斜杠（显式自闭合）：
<img src="a.jpg" alt="描述" />、<br />、<hr /> -
<input>、<meta>、<link>等也属单标签，/>可省略但建议保留，尤其团队协作时统一风格
新手最容易忽略的语义细节
用对标签名比用对样式更重要——它影响屏幕阅读器、SEO、代码可维护性，甚至未来 CSS 选择器的简洁度。
- 别用
<div>套<div>模拟标题，该用<h1>到<h6>就用，且一个页面通常只有一个<h1> -
<strong>表示内容重要性（语义加粗），不是为了视觉效果；纯样式加粗请用 CSS 的font-weight -
<img>的alt属性不是可选的：图片加载失败、盲人使用读屏软件、Google 图片搜索都依赖它
骨架搭歪了，后面加再多 CSS 和 JavaScript 都难救——HTML 的核心从来不是“怎么写得炫”，而是“怎么说得准”。
