2.2 基本语法

学习HTML就是学习HTML预先设定好的标签和效果。对于前端页面而言，“万物皆标签”。标签，即标记，也就是超文本，指特殊格式和固定命名的字符串。每个标签都有自己的显示效果，例如，“<input>”变成一个输入框，而“<button>”变成一个按钮。本书基于HTML5，接下来学习其标签的语法。

标签是由“<”开始、由“>”结束的，并且标签名不区分大小写。标签可以分为双标签和单标签（也叫自结束标签）。

双标签就是2.1节案例中所使用的标签的形式，由两个标签组成，一个代表开始，一个代表结束。结束的标签中要使用斜杠“/”并在其后加标签名，如“</body>”。需要注意的是，双标签的标签名都是相同的，要成对出现，语法格式如下。

单标签也叫自结束标签，顾名思义，单标签不是成对出现的，单标签只需要一个标签，结尾以斜杠“/”来结尾。例如，“<br/>”，该标签表示的含义是换行。

例如，修改HelloWorld.html文件，在Hello和World之间添加换行标签，具体代码如下。

添加换行后，使用浏览器打开HelloWorld.html文件查看效果，如图2-9所示，在Hello和World之间成功换行。

图2-9 使用浏览器打开HelloWorld.html文件

从上面两个案例可以看出：标签与标签出现了嵌套。后面的编码过程中我们经常会遇到“双标签中嵌套单标签，双标签中嵌套双标签”的情况。

任何的程序、代码都有注释，注释是给程序员看的，不影响程序运行。HTML中注释符的格式由小于号“<”后接感叹号“！”、2个短横线“--”加上注释的内容，再接上2个短横线“--”和大于号“>”构成。另外，注释内容支持换行，也就是支持多行注释。语法格式如下。

注释通常用于说明代码含义。其实在实际开发中，书写注释不仅可以帮助程序员记忆代码功能，还可以大大提升代码的可读性。建议尽量多书写注释，以提升代码的质量。

另外，值得注意的是，编写HTML代码，我们必须要遵守以下语法规则。

（1）根标签有且只能有一个。

（2）无论是双标签还是单标签都应该正确关闭。

（3）标签可以嵌套但不能交叉嵌套。

（4）注释不能嵌套。

（5）一般情况下，属性必须有值，值必须加引号，单引号或双引号均可。

（6）标签名不区分大小写，但建议使用小写。