html不是编程语言,而是用尖括号书写的标记规则,用于定义网页结构与语义;必须小写、属性值加双引号、标签闭合、含doctype和lang等基础结构,否则导致渲染异常或工具链报错。

HTML 不是编程语言,它是一套用尖括号 写的标记规则,浏览器靠它知道哪段是标题、哪段是段落、图片该放哪儿——写错结构,页面就可能错位、文字不换行、甚至空白一片。
HTML 代码本质是「带语义的标签序列」
每个 <p></p>、<h1></h1>、<img> 都不是随便起的名字,而是告诉浏览器“这是段落”“这是主标题”“这里要加载一张图”。这些标签本身不执行逻辑,也不算数,只负责描述内容角色。
常见误解:把 <div> 当万能容器乱套,结果语义丢失、SEO 受损、屏幕阅读器无法理解。实际应优先用 <code><article></article>、<nav></nav>、<footer></footer> 等有明确含义的标签。
-
<strong></strong>表示重要内容强调(语义加粗),不是单纯为了变粗字体;<b></b>才是纯样式加粗,已不推荐 - 所有双标签必须闭合:
<p>文字</p>正确,<p>文字</p>错误(部分浏览器会自动补,但不可依赖) - 标签大小写敏感:HTML5 规范要求全部小写,
<p></p>或<img>属于无效写法
一个能跑起来的 HTML 文件,最少要这四块
缺任何一块,浏览器可能显示异常,或开发工具报 Missing DOCTYPE、No <title> in </title> 等警告。
最简合法结构长这样:
<meta charset="UTF-8"><title>页面标题</title><h1>欢迎</h1> <p>这是第一段</p>
-
!DOCTYPE html必须顶格写在第一行,不能缩进,也不能加空格,否则触发怪异模式(Quirks Mode) -
的lang属性虽非强制,但影响语音朗读、拼写检查、搜索引擎定位,中文页务必设为zh或zh-CN -
<meta charset="UTF-8">必须放在最前面,否则中文可能显示为乱码(特别是 VS Code 默认保存为 UTF-8,但没声明时浏览器可能按 ISO-8859-1 解析)
VS Code 里快速生成骨架,别手敲
新建 .html 文件后,在空文件中输入 ! 再按 Tab 或 Enter,VS Code 自动展开为完整结构(基于内置 emmet 插件)。这个快捷方式依赖文件后缀和语言模式识别——如果文件名是 index.txt 或语言模式被误设为 Plain Text,就触发不了。
- 确认右下角状态栏显示 “HTML”,不是 “Plain Text”;若不对,点击切换
- 确保文件以
.html结尾(不是.htm,虽然也能运行,但现代项目统一用.html) - 展开后检查
<meta charset="UTF-8">是否存在,旧版 emmet 模板可能漏掉,需手动补上
真正容易被忽略的不是标签怎么写,而是每个标签在文档树里的嵌套层级是否合法——比如 <p></p> 里不能直接放 <div>(HTML5 允许,但语义混乱),<code> 里不能出现 <h1></h1>。结构一旦越界,后续加 CSS 或 JS 就容易失效,调试时很难一眼看出根源。











