如何从零开始用HTML5制作简易网页?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1165个文字,预计阅读时间需要5分钟。
不需要安装任何建站软件或可视化工具。直接使用纯文本编辑即可。
常见错误现象:hello world 写了但浏览器空白,大概率是文件被存成了 index.txt 或编码用了 UTF-8 with BOM;macOS 上用 TextEdit 默认存成富文本(.rtf),必须先选「格式 → 制作纯文本」再保存。
- 保存时务必手动输入完整文件名:
index.html,不能只输index - 编码选 UTF-8(无 BOM),VS Code 右下角可点编码切换
- 浏览器刷新快捷键是
Ctrl+R(Win)或Cmd+R(Mac),改完代码立刻按它看效果
<!DOCTYPE html> 必须顶格写在第一行
这是 HTML5 的唯一文档类型声明,告诉浏览器:“按最新标准解析”。漏掉、写错位置(比如前面空行或注释)、拼成 <!doctype html>(小写)一般不影响显示,但严格来说不符合规范,某些校验工具会报错,也不利于后续引入 CSS/JS 时的兼容预期。
本文共计1165个文字,预计阅读时间需要5分钟。
不需要安装任何建站软件或可视化工具。直接使用纯文本编辑即可。
常见错误现象:hello world 写了但浏览器空白,大概率是文件被存成了 index.txt 或编码用了 UTF-8 with BOM;macOS 上用 TextEdit 默认存成富文本(.rtf),必须先选「格式 → 制作纯文本」再保存。
- 保存时务必手动输入完整文件名:
index.html,不能只输index - 编码选 UTF-8(无 BOM),VS Code 右下角可点编码切换
- 浏览器刷新快捷键是
Ctrl+R(Win)或Cmd+R(Mac),改完代码立刻按它看效果
<!DOCTYPE html> 必须顶格写在第一行
这是 HTML5 的唯一文档类型声明,告诉浏览器:“按最新标准解析”。漏掉、写错位置(比如前面空行或注释)、拼成 <!doctype html>(小写)一般不影响显示,但严格来说不符合规范,某些校验工具会报错,也不利于后续引入 CSS/JS 时的兼容预期。

