一、html语法规范

什么是注释?
在同学上课学习时，我们会在书本段落间记录内容的注解，方便下次看到此处理解。
问题：我们在书本段落间记录下的注解是为了给谁看的？下次的阅读课本者（自己）。
程序员在写代码时也会添加注释，方便下次看到此处时方便想起功能和含义。
问题：程序员在代码中添加的注释，是为了给谁看的？下次的阅读代码者（自己或者其他程序员）。

注释的作用：
为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码，浏览器执行代码时会忽略所有的注释。
注释的快捷键：在VS Code中：ctrl + / 。

HTML标签的结构：

1. 标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名
2. 常见标签由两部分组成，我们称之为：双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容
3. 少数标签由一部分组成，我们称之为：单标签。自成一体，无法包裹内容

HTML标签与标签之间的关系可分为：

父子关系（嵌套关系）：

<head><title></title>
</head>

兄弟关系（并列关系）：

<head></head>
<body></body>

二、开发工具的使用

1）开发工具自动生成代码
工具优势：开发工具能自动补全HTML骨架结构，相比手动编写可节省80%以上的基础代码输入时间
典型场景：创建新HTML文件时，工具会自动生成<!DOCTYPE html>声明、<html>标签、<head>和<body>等必要结构
2）VS Code介绍

市场地位：当前企业级开发最流行的前端工具，2023年市场占有率超过65%
核心优势：
轻量化：安装包仅70MB左右，运行时内存占用低
插件生态：支持超过3万款扩展插件（如Emmet、Live Server等）
跨平台：完美支持Windows/macOS/Linux三大系统
免费开源：MIT许可证允许商业用途且无功能限制
竞品对比：
WebStorm：功能强大但收费（$129/年），内存占用高
Sublime Text：部分高级功能需付费（$80终身）
Dreamweaver：安装包超过1GB，大学教学常用但企业少用
HBuilder：中文友好但功能臃肿
3）使用文本编辑器写代码

传统方式：使用记事本等文本编辑器需手动输入所有标签和符号
效率问题：
输入<tag></tag>等闭合标签耗时增加300%
缺少语法高亮和错误提示，调试困难
无法使用代码片段(Snippet)等快捷输入功能