html是纯文本标记语言,需以.html后缀保存并包含doctype、html、head、body结构,中文需设utf-8编码,浏览器仅解析不执行。

HTML 不是“用”出来的,而是“写”出来并由浏览器解析出来的——它没有运行逻辑,也没有“调用”或“执行”这回事;所谓“用 HTML”,本质是写对标签结构、属性值和嵌套关系,让浏览器能正确理解语义和渲染意图。
怎么写一个能被浏览器打开的最小 HTML 文件
很多人卡在第一步:写了 <h1>Hello</h1>,双击打开却是乱码或空白。问题不在标签本身,而在文件保存方式和基础结构缺失。
- 必须以
.html或.htm为后缀保存(不能是.txt) - 必须包含
声明,否则 IE 和旧版浏览器会触发怪异模式 - 必须有
、、三层包裹,哪怕里只放<title></title> - 中文内容要加
<meta charset="UTF-8">,否则显示为方块或问号
最小可用示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>Hello World</h1> </body> </html>
常见错误:把 HTML 当成编程语言来“运行”
新手常试图在终端里执行 html hello.html 或用 Python 的 import html 加载它——这完全没意义。HTML 是纯文本标记,不是可执行代码。
立即学习“前端免费学习笔记(深入)”;
-
html不是系统命令,不存在html --help - Python 的
html模块(如html.escape())只用于转义字符串,跟写网页无关 - 浏览器不“编译”HTML,只是按规范逐行解析:遇到
<img src="x" alt="html怎么用_html基础使用方法【入门】" >就发一次 HTTP 请求,遇到<script></script>才执行 JS - 修改 HTML 后不用“重启服务”,只需刷新页面(但注意缓存:Ctrl+F5 强制重载)
哪些属性值必须加引号?哪些可以省略?
HTML5 允许部分属性值不加引号,但实际中几乎不该省——尤其当值含空格、等号、斜杠或引号时,不加引号会直接破坏结构。
- 必须加引号:
class="btn primary"、src="images/logo.png"、alt="A cat's face" - 技术上可省略但强烈不建议:
id=header(一旦写成id=main-header就报错) - 布尔属性(如
disabled、checked)不写值也有效:<input disabled>等价于<input disabled>,但写成disabled="false"并不会取消禁用 -
href和src的路径若以/开头,表示从根目录找;不加/则是相对当前 HTML 文件位置
为什么改了 HTML 却看不到变化?
不是代码写错了,大概率是浏览器缓存、路径错误或 MIME 类型不对。
- 服务器返回
Content-Type: text/plain(而非text/html)时,浏览器会直接下载或显示源码,而不是渲染 - 图片路径写成
img/cat.jpg,但文件实际在images/cat.jpg—— 浏览器控制台会报404,但页面可能只留一个空白框 - 本地直接双击打开(
file://协议),某些功能受限:比如fetch()跨域失败、Service Worker 不生效 - VS Code 里用 Live Server 插件启动的是
http://127.0.0.1:5500/,此时相对路径才按标准解析
真正麻烦的从来不是标签怎么写,而是你不知道浏览器到底“看到”了什么——右键“查看页面源代码”只显示初始 HTML,而“检查元素”看到的是经过 JS 修改后的实时 DOM;这两个不一样,而且都得会看。










