HTML不是编程语言，而是浏览器解析页面的标记说明书；必须首行写标准DOCTYPE声明，head中必含charset、title和viewport三标签，body中需正确使用语义化标签，文件须保存为UTF-8编码的.html后缀。
HTML不是编程语言，它只是浏览器能读懂的“说明书”——用固定标签告诉浏览器哪是标题、哪是段落、哪该放图，没逻辑、不运算，写对标签就能出效果。
为什么必须写 <!DOCTYPE html> 在第一行
浏览器靠这个判断用什么规则解析页面。漏掉或写错（比如写成 <!doctype HTML5>），会触发“混杂模式”，导致 width、margin 等基础样式行为异常，尤其是老版 IE 或 Edge 兼容模式下极易错位。
正确写法只有一种：<!DOCTYPE html>（注意全部小写、无空格、无引号、无属性）。
- 不要写
<!DOCTYPE HTML5>、<!DOCTYPE html5>或带大写的<!Doctype html> - 它不是 HTML 标签，不需要闭合，也不在
<html>里面 - 放在任何其他内容（包括空行、注释）之前，否则失效
<head> 里哪些东西不能少
<head> 不显示内容，但缺了关键项，页面可能乱码、标题不显示、手机上缩放失灵。
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
最小可用组合只有三样：
-
<meta charset="utf-8">：强制指定字符集，避免中文变方块或问号 -
<title>我的页面</title>：浏览器标签栏显示的文字，SEO 和书签都依赖它 -
<meta name="viewport" content="width=device-width, initial-scale=1.0">：让响应式布局在手机上真正生效，没它，移动端会默认按 980px 渲染再缩小
其他如 <link>、<script> 可后续加，但这三项必须一上来就写全。
<body> 里最容易误用的三个标签
新手常把结构搞反，结果语义丢失、SEO 受损、屏幕阅读器无法理解。
-
<p>只用于完整段落，别用来“换行”或“空行”——那是<br>的事；滥用<p>会导致段间距失控，且每个<p>都被搜索引擎当作独立语义块处理 -
<div>是无语义容器，别一上来就套满页——优先用<header>、<nav>、<main>、<footer>这类语义化标签，它们自带可访问性和 SEO 权重 -
<img>必须带alt属性，哪怕写alt=""；不写会被屏幕阅读器读作“图片”，搜索引擎也当内容缺失；src路径错误时，alt文字就是唯一可见提示
保存文件时后缀和编码这两个坑
写完代码，双击打不开？或者中文全乱码？八成栽在这两处。
- 文件名必须以
.html结尾（不是.txt、.htm或带空格如我的网页.html）；Windows 记事本默认存为.txt，务必手动选“所有文件”再输index.html - 编码必须选 UTF-8（记事本里是“另存为 → 编码 → UTF-8”）；选 ANSI 或 GBK，中文在 Chrome/Firefox 下大概率变乱码，且无法通过
<meta>补救 - Mac 上用“文本编辑”要先关掉“纯文本模式”（格式 → 使纯文本），否则自动加富文本格式，保存后浏览器直接报错
真正卡住人的，往往不是标签记不住，而是 <!DOCTYPE html> 少写了、charset 没配对、文件后缀藏了个看不见的空格——这些细节不检查，代码写得再对也白搭。
