HTML常用标签超详细整理，HTML文档是由HTML元素构成的，而HTML元素是由HTML标签标记的。每个HTML标签都有相应的作用和使用方法。本节将介绍网页设计中经常遇到的HTML标签的使用方法。
1.html标签
该标签代表HTML文档的开始。html标签是成对出现的，以<html>开始，以</html>结束。该标签常用的属性如下。
◆ xml:lang：该属性是国际化属性，代表整个网页的语言。其取值可以参考RFC3066标准。常用的值有简体中文（zh-CN）、繁体中文（zh-HK）及英文（en）。
◆ xmlns：该属性代表文档的命名空间。一般可以设置为：
xmlns="http://www.w3.org/1999/xhtml"
◆ dir：该属性定义文本元素的对齐方式，可以取的值有ltr（代表左到右的排列方式）和rtl （代表右到左的排列方式）。其中ltr是默认值。例如把secondPage.html中的dir属性设置为rtl，显示效果如图所示。
图 html标签的dir属性
2.head标签
该标签代表HTML文档的头信息，也是成对出现的，以<head>开始，以</head>结束。该标签本身没有什么重要属性。但是它里面包含了一些重要的标签，如title、meta等，这些信息主要提供给浏览器使用。
3.title标签
该标签代表HTML文档的标题，即在浏览器标题栏里面显示的内容。当把网页添加到收藏夹里面的时候，收藏夹内显示的名称也是title标签的内容。title标签位于head标签之内，成对出现，以<title>开始，以</title>结束，位于之间的是文档的标题内容。例如，一个产品列表网页的标题可以按以下方法设置：
<title>产品列表</title>
由于title标签通常代表了网页的主要内容，所以title标签非常重要。它在搜索引擎优化（SEO）方面有非常重要的作用。从搜索引擎搜索到的内容往往是title标签的内容。设置好title标签，可以方便搜索引擎索引网页。
4.base标签
该标签定义基URL用于页面的链接与引用。当在网页中使用相对路径定义链接时，可以使用base标签定义基URL，便于解析文档中定义的相对路径。该标签单独使用。其常用的属性如下。
◆ href：该属性代表基URL。
◆ target：该属性代表链接目标。
例如，在网页的head标签内部加入以下代码：
01 <head> <!--head标记开始-->
02 <base href="http://www.demo.com/" target="_blank"> <!--base标签-->
03 </head> <!--head标签结束-->
则该网页中所有的相对路径都以 http://www.demo.com/作为基地址，并且，单击网页中的相对路径的链接，会弹出一个新的窗口。
5.style标签
该标签用于在文档中声明样式表。该标签成对使用，以<style>开始，以</style>结束，开始标签和结束标签之间是样式的声明。该标签的重要属性如下。
◆ type：该属性包含内容的类型，在声明样式的时候一般使用type="text/css"。
例如：
01 <head> <!--head标签开始-->
02 <style type="text/css"> <!--style标签开始-->
03 ad /＊--定义一个css类＊/
04 {
05 font-size: 12px; ＊设置字体大小为12px＊/
06 }
07 .note /＊定义名称为note的css类＊/
08 {
09 font-size: 10px; /＊设置字体大小为10px＊/
10 color: #FFFFFF; /＊设置文字颜色为白色＊/
11 }
12 </style> <!--style标签结束-->
13 </head>
以上代码声明了两个CSS类，其中一个名称为ad，另外一个名称为note。
6.link标签
该标签用于在文档中声明外部资源，同时标签还是单独出现的。该标签常用的属性如下。
◆ href：该属性指定外部资源的URL。
◆ rel：该属性指定外部资源的类型。
◆ type：该属性指定外部资源中包含内容的类型。
例如，以下代码引入了一个外部的样式表文件到当前文档。
<head>
<link rel="stylesheet" type="text/css" href="http://www.ux20.com/news/style.css" /> <!--引入外部样式表文件-->
</head>
7.script标签
该标签用于在文档中使用脚本。脚本主要有JavaScript和VBScript。脚本代码可以书写在网页内部，也可以是引用的外部脚本文件。该标签成对使用，以<script>开始，以</script>结束。其常用的属性如下。
◆ src：该属性指定需要加载的脚本文件的URL。
◆ type：该属性指定媒体类型，例如type="text/javascript"。
以下代码引入了一个名称为http://www.ux20.com/news/jquery.js的JavaScript脚本文件。
<head>
<script type="text/javascript" src="http://www.ux20.com/news/jquery.js"></script> <!--引入外部脚本文件-->
</head>
8.meta标签
该标签用于指定文档中的额外信息。该标签单独使用。其属性主要分为两组。
◆ name属性与content属性：name属性是以名称/值形式出现的，name属性的值所描述的内容（值）通过content属性表示。其中最重要的是description、keywords和robots。这些属性主要是为便于网络机器人分析网页。
◆ http-equiv属性与content属性：http-equiv属性用于提供HTTP协议的响应头报文（MIME文档头），它也是以名称/值形式出现的。http-equiv属性的值所描述的内容（值）通过content属性表示，通常在网页加载前提供给浏览器等设备使用。
其中最重要的是charset属性提供编码信息，refresh属性告诉浏览器刷新与跳转页面，no-cache属性告诉浏览器不缓存页面，expires属性通知浏览器网页缓存过期时间。
例如，以下代码表示网页的字符集为utf-8：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--定
义内容类型及编码-->
<title>无标题文档</title>
<script type="text/javascript">
</script>
</head>
9.body标签
该标签表示文档的主体。body标签成对使用，以<body>开始，以</body>结束。网页中所有的文字、图像、视频等内容全部位于body标签之内。
