下载掌阅APP，畅读海量书库
立即打开
每个网页都有其基本的结构，包括HTML的语法结构、文档结构、标签的格式以及代码的编写规范等。
HTML文件由元素构成，元素由标签、内容和属性3部分组成。
HTML文档由标签和被标签的内容组成。标签能产生各种效果，其功能类似于一个排版软件，将网页的内容排成理想的效果。标签（tag）是用一对尖括号（“<”“>”）括起来的单词或单词缩写，各种标签的效果差别很大，但总的表示形式却大同小异，大多数都成对出现。在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“<标签>”表示，结束标签用“</标签>”表示，其格式如下。
<标签>受标签影响的内容</标签>
例如，一级标题标签<h1>表示为：
<h1>Web前端开发</h1>
需要注意以下两点。
1）每个标签都要用“<”（小于号）和“>”（大于号）括起来，如<p>，<table>，以表示这是HTML代码而非普通文本，“<”“>”与标签名之间不能留有空格或其他字符。
2）在标签名前加上符号“/”便是其结束标签，表示该标签内容的结束，如</h1>。标签也有不用</标签>结尾的，称之为单标签。例如，换行标签<br/>。
HTML文件中的元素是指从开始标签到结束标签的所有代码，即一个元素通常由开始标签、元素内容和结束标签（有些标签没有结束标签，要写上“>”）组成。HTML元素分为有内容的元素和空元素两种。
（1）有内容的元素
有内容的元素是由开始标签、结束标签及两者之间的元素内容组成的，其中元素内容既可以是需要显示在网页中的文字内容，也可以是其他元素。例如，<title>和</title>是标签，下面代码是一个title元素。
<title>淘宝网-淘！我喜欢</title>
（2）空元素
空元素只有开始标签而没有结束标签，也没有元素内容。例如，<br>、<hr>（横线）元素就是空元素。
（3）元素的嵌套
除了HTML文件元素html外，其他HTML元素都是被嵌套在另一个元素之内的。在HTML文件中，html是最外层元素，也称为根元素。head元素、body元素是嵌套在html元素内的。body元素内又嵌套许多元素。HTML中的元素可以多级嵌套，但是不能互相交叉。例如，下面代码对于<head>和</head>标签来说，就是一个head元素。
<head><title>淘宝网-淘！我喜欢</title></head>
同时，这个title元素又是嵌套在head元素中的另一个元素。
例如，下面是不正确的嵌套写法，<p>元素的开始标签在<b>元素的外层，但它的结束标签却放在了<b>元素的结束标签内。
<p>这是<b>第一段</p>文字</b>
正确的HTML写法如下。
<p>这是<b>第一段</b>文字</p>
为了防止出现错误的HTML元素嵌套，在编写HTML文件时，建议先写外层的一对标签，然后逐渐往里写，这样既不容易忘记写HTML元素的结束标签，也可以减少HTML元素的嵌套错误。
标签仅仅规定这是什么信息，但是要想显示或控制这些信息，就需要在标签后面加上相关的属性。标签通过属性来制作出各种效果，通常都是以“属性名="值"”的形式来表示，用空格隔开后，还可以指定多个属性，并且在指定多个属性时不用区分顺序，其格式如下。
<标签 属性1="属性值1"属性2="属性值2"…>受标签影响的内容</标签>
HTML5文档是一种纯文本格式的文件，文档的基本结构如下。
<！DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
网页内容
</body>
</html>
在编写HTML5文档时，要求指定文档类型，用于向浏览器说明当前文档使用的是哪种HTML标准。文档类型声明的格式如下。
<！DOCTYPE html>
这行代码称为doctype声明，doctype是document type（文档类型）的简写。要建立符合标准的网页，doctype声明是必不可少的关键组成部分。doctype声明必须放在每一个HTML文档的最顶部，在所有代码和标签之前。
HTML文档标签的格式如下。
<html>HTML文档的内容</html>
<html>处于文档的最前面，表示HTML文档的开始，即浏览器从<html>开始解释，直到遇到</html>为止。每个HTML文档均以<html>开始，以</html>结束。
HTML文档包括头部（head）和主体（body）。HTML文档头标签的格式如下。
<head>头部的内容</head>
文档头部内容在开始标签<html>和结束标签</html>之间定义，其内容可以是标题名或文本文件地址、创作信息等网页信息说明。
HTML5文档直接使用meta元素的charset属性指定文档编码，格式如下。
<meta charset="UTF-8">
为了被浏览器正确解释和通过W3C代码校验，所有的HTML文档都必须声明它们所使用的语言编码。文档声明的编码应该与实际的编码一致，否则就会呈现为乱码。utf-8是世界通用的HTML语言编码，用户一般使用utf-8来指定文档编码。
HTML文件的标题显示在浏览器的标题栏中，用以说明文件的用途。标题文字位于<title>和</title>标签之间，其语法格式如下。
<title>页面标题</title>
网页的标题不会显示在文本窗口中，而以窗口的名称显示出来，每个文件只允许有一个标题。网页的标题能给浏览者带来方便，如果浏览者喜欢该网页，则将它加入书签中或保存到磁盘上，标题就作为该页面的标志或文件名。另外，使用搜索引擎时显示的结果也是页面的标题。
例如，搜狐网站的主页，对应的网页标题如下。
<title>搜狐</title>
打开网页后，将在浏览器窗口的标题栏显示“搜狐”网页标题。在网页文件头部定义的标题内容不会在浏览器窗口中显示，而是在浏览器的标题栏中显示。
HTML文档主体标签的格式如下
<body>
网页的内容
</body>
主体位于头部之后，以<body>为开始标签，</body>为结束标签。它定义网页上显示的主要内容与显示格式，是整个网页的核心，网页中要真正显示的内容都包含在主体中。
页面的HTML代码书写必须符合HTML规范，这是用户编写拥有良好结构文档的基础，这些文档可以很好地工作于所有的浏览器，并且可以向后兼容。
1）文件第一行添加HTML5的声明类型<！DOCTYPE html>。
2）建议为<html>根标签指定lang属性，从而为文件设置正确的语言lang="zh-CN"。
3）编码统一为<meta charset="utf-8"/>。
4）<title>标签必须设置为head元素的直接子元素，并紧随<meta charset>声明之后。
5）文件中除了开头的DOCTYPE、utf-8（或UTF-8）和zh-CN或<head>标签中可以使用大写字母外，其他HTML标签名必须使用小写字母。
6）标签的闭合要符合HTML5的规定。
7）标签的使用必须符合标签的嵌套规则，例如，<div>标签不得置于<p>标签中。
8）属性名必须使用小写字母，其属性值必须用双引号包围。布尔类型的属性建议不添加属性值。自定义属性推荐使用data-。
1）标签分单标签和双标签，双标签往往是成对出现，所有标签（包括空标签）都必须关闭，如<br/>、<img/>、<p>…</p>等。
2）标签名和属性建议都用小写字母。
3）多数HTML标签可以嵌套，但不允许交叉。
1）根据需要可以使用该标签的所有属性，也可以只用其中的几个属性。在使用时，属性之间没有顺序。
2）属性值都要用双引号括起来。
3）并不是所有的标签都有属性，如换行标签就没有。
1）块级元素可以包含行级元素或其他块级元素，但行级元素却不能包含块级元素，它只能包含其他的行级元素。
2）有几个特殊的块级元素只能包含行级元素，不能再包含块级元素，这几个特殊块级元素对应的标签是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。
HTML代码并不要求在书写时缩进，但为了文档的结构性和层次性，建议初学者使用标签时首尾对齐，内部的内容向右缩进几格。