2.2 网页标签
HTML是简单的文本标签语言，一个HTML网页文件都是由元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。下面介绍基本标签、图像标签和链接标签。
2.2.1 基本标签
基本标签是经常使用到的，可以说只要写前端页面就需要和其打交道。
1．<!DOCTYPE>：定义文档类型
<!DOCTYPE html>表示文档是HTML。
代码如下所示：
2．<html>：定义HTML文档
它是HTML文档的根元素。但是HTML 5可以对它进行省略。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或收藏夹或书签列表时，标题将成为该文档链接的默认名称。
☆注意☆ <title>标签是<head>标签中唯一要求包含的东西。
代码如下所示：
3．<head>：定义HTML文档的头部
HTML 5可以省略这个元素。
代码如下所示：
4．<title>：定义HTML页面的标题
代码如下所示：
5．<body>：定义HTML的页面主体部分
该标签可以指定id、class、style等核心属性，还可以指定onload、onunload、onclick等事件属性。
代码如下所示：
6．<style>：定义引用样式
代码如下所示：
7．<h1>～<h6>：定义标题1到标题6
代码如下所示：
8．<p>：定义段落
该元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。该标签也可以指定id、class、style等核心属性。
代码如下所示：
9．<br>：插入一个换行
代码如下所示：
10．<hr>：定义水平线
代码如下所示：
11．<!--…-->：定义注释
代码如下所示：
12．<div>：定义文档中的division/section
代码如下所示：
13．<span>：与<div>标签基本相似
该标签内容默认不会换行。
代码如下所示：
☆注意☆ <p>标签是块标签，<div>标签也是块标签，<span>是内联标签。这三个都是容器标签，不同的是<p>标签自带的有段落间距， <span>标签与<div>标签基本相似，该标签内容默认不会换行。
2.2.2 图像标签
图像标签是经常使用的一种标签元素，只要在页面中需要链接图片等都需要使用到图像标签，下面将会介绍图像标签。
1．<img/>：一个闭合的标签，用来定义图像
主要属性如下。
· src：图片的路径，要使用相对路径。
· alt：当图片无法打开时显示的文字。
· title：鼠标指针悬停在图片上时显示的文字。
· width：图片的宽。
· height：图片的高。
宽高可以设置为固定的像素，也可以称为百分比，按电脑屏幕的百分比显示。一般情况下都会设置宽高，避免因图片无法打开造成的错位等问题。
height和width属性有一种隐藏的特性，就是无须指定图像的实际大小，也就是说，这两个值可以比实际的尺寸大一些或小一些。浏览器会自动调整图像，使其适应预留空间的大小。使用这种方法就可以很容易地为大图像创建其缩略图，以及放大很小的图像。
☆注意☆ 不管最终显示的尺寸到底是多大，浏览器还是必须要下载整个文件，而且，如果没有保持其原来的宽度和高度比例，图像会发生扭曲。
代码如下所示：
2．<map>：定义图像映射
代码如下所示：
3．<area>：定义图像映射
该属性的使用在上面的案例中已有展现。
4．<canvas>：定义图形
代码如下所示：
5．<figcaption>：定义figure元素的标题
代码如下所示：
6．<figure>：定义媒介内容的分组，以及它们的标题
代码如下所示：
2.2.3 链接标签
链接标签可以让用户使用链接来链接一个网站、一个图片等。下面对链接标签进行介绍。
1．<a>：定义锚
（1）常用属性如下。
· href：最重要的属性，指定链接的目标。如果不使用href属性，则不能使用hreflang、media、rel、target以及type属性。
· target：规定在何处打开目标URL，可与iframe标签中的name属性配合使用（仅在href属性存在时使用）。
· type：规定目标URL的mime类型（仅在href属性存在时使用）。
· rel：规定当前文档与目标URL之间的关系（仅在href属性存在时使用）。
（2）类别：文本级标签。
（3）作用：定义超链接，用于从一个页面链接到另一个页面。
（4）说明：未被访问的链接带有下画线而且是蓝色的，已被访问的链接带有下画线而且是紫色的，活动链接带有下画线而且是红色的。通常在当前浏览器窗口中显示被链接页面，除非规定了其他target，标签既可以是超链接，也可以是锚。在HTML 5中，<a>标签是超链接，但是假如没有href属性，它仅仅是超链接的一个占位符。
（5）全局属性：支持。
（6）事件属性：支持。
<a>标签的几种常用用法，代码如下所示：
2．<link>：定义文档与外部资源的关系
（1）常用属性如下。
· href：定义被链接文档的位置。
· type：规定被链接文档的mime类型。
· rel：必需的，定义当前文档与被链接文档之间的关系。
（2）作用：定义文档与外部资源的关系。
（3）说明：该标签最常见的用途是链接样式表（CSS），它只能存在于<head>部分，不过它可出现任何次数。
（4）全局属性：支持。
（5）事件属性：支持。
代码如下所示：
3．<nav>：定义导航链接
（1）类别：容器级标签。
（2）作用：定义导航链接的部分。
（3）说明：语义化标签，更有利于代码的阅读和搜索引擎的识别，并不是所有的HTML文档都要使用到<nav>标签。<nav>标签只是作为标注一个导航链接的区域（代替DIV布局中的<div id="nav">）。
（4）全局属性：支持。
（5）事件属性：支持。
☆注意☆ 如果文档中有“前后”按钮，则应该把它放到<nav>标签中。
代码如下所示：
