1 VS Code 快速生成 HTML 结构
每次新建 HTML 文件都手写骨架太麻烦,VS Code 提供了快捷方式一键生成标准结构。
2 两种触发方式
- 输入
!:在空的 HTML 文件中输入!,按下Tab或Enter即可生成。 - 输入
html:5:同样在空文件中输入html:5,按下Tab或Enter生成。
3 生成的标准结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>4 注意事项
- 文件后缀必须是
.html,否则 VS Code 不会触发 HTML 补全。 - 生成后记得把
lang="en"改为lang="zh-CN"(中文页面)。 <title>里的Document记得改成页面实际标题。