2.2 HTML基本语法
二维码
2.2.1 标记语法
超文本标记语言（Hyper Text Markup Language，HTML）是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（Markup Language）。标记语言是一套标记标签（Markup tag），HTML使用标记标签来描述网页。HTML标记标签通常被称为HTML标签（HTML tag）。HTML标签是由尖括号包围的关键词，如<html>、<head>和<body>等。HTML标签通常是成对出现的，标记通常分为单标记和双标记两种类型。
1. 单标记
单标记仅单独使用就可以表达完整的意思。
基本语法：<标记标签名称>
语法说明：最常用的单标记是<br>，表示换行。
2. 双标记
双标记由开始标记标签和结束标记标签两部分构成，必须成对使用。开始标签告诉Web浏览器从此处开始执行该标记所表示的功能，结束标签告诉Web浏览器在这里结束该标记。开始标签、结束标签及这两个标签之间包含的内容共同组成HTML元素，HTML元素就是构成HTML文件的基本对象，HTML网页实际上就是由许多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。
基本语法：<标记标签名称>内容</标记标签名称>
语法说明：其中“内容”部分就是要被这对标记标签施加作用的部分。“<”和“>”是任何标记标签的开始和结束。元素的标记要放在这对尖括号内，有斜线“/”的表示结束标记，元素必须被关闭。
例如，<strong>标签的作用是告诉浏览器介于标签<strong>和</strong>之间的文本相比较而言是更重要的部分，网页呈现为粗体显示。
标记标签可以成对嵌套，但是不能交叉嵌套。例如，下面的代码是错误的。
编写代码时，一般应该使用缩进风格，以便更好地理解页面的结构，便于阅读和维护。任何回车符和空格在HTML代码中都不起作用。为了使代码更清晰，建议不同的标记都单独占一行。
2.2.2 属性语法
HTML通过标记标签告诉浏览器如何展示网页，如<br>告诉浏览器显示一个换行。另外，还可以为某些元素附加一些信息，这些附加信息被称为属性（Attribute）。HTML全局属性如表2-1所示。
表2-1 HTML常用全局属性
基本语法：<HTML标记名称属性名1="属性值1"属性名2="属性值2" …>
语法说明：标记中可以放置各种属性，属性值都用引号“"”引起来。虽然在源代码中不区分大小写，但还是建议标签名和属性都统一使用小写字母。
例如：
按照新的Web标准，所有外观样式都应该使用CSS来实现，本书尽量采用此方法。示例见本节源码，为了节约篇幅，后面各章节中的很多示例都只是部分出现在书本上，源码文件夹中包含了所有知识点的示例源代码，为了提高学习效率，请在阅读时边看书边在计算机上调试源代码。
2.2.3 命名规则
为了使浏览器能正常浏览网页，在用记事本或别的HTML开发工具编写好HTML文档后，在保存HTML时，对HTML文件的命名要注意以下几点。
● 文件的扩展名为.htm或.html，建议统一使用.html作为文件的扩展名。
● 文件命名要以最简短的名称来体现清晰的含义。每个文件夹中应该包含一个缺省的html 文件（index.html）。
● 文件名中统一用小写英文单词、数字和下画线的组合。例如，news_title_top_b_01（性质_描述_位置_分类_数量）。文件名中不要包含汉字、空格和特殊符号，如$等。
● 也可以采用驼峰式命名规则。文件名尽量以英文单词为主。单个单词文件名称全部小写，如果文件名由两个或两个以上单词组成，则文件名称中第二个单词起的第一个字母要大写。例如，友情链接（单个）为link，公司简介（两个）为aboutUs。所有命名如果利用数字编号来区分文件，第一个文件命名中的1必须忽略，如 aboutUs、aboutUs2、aboutUs3等。命名单词组合顺序为：划分文件项目或类型单词+功能性单词+用途类单词或编号，例如productAdd中的product为产品这个项目的名词，后面加上Add表示这个页面的功能为添加（增加）。如有多个添加产品的页面就可以利用编号区分，如productAdd、productAdd2、productAdd3等。