复习HTML+CSS（5）
n <meta>标记
<meta>的主要作用，是提供网页的源信息。比如：指定网页的搜索关键字
<meta>标记有两个属性：http-equiv和name。
1、 http-equiv属性
- 功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。
- http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。
（1·）设置网页的字符集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
（2）网页自动刷新
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> //2秒后，跳转到百度页面
2、 name属性
name属性主要用于设置网页的搜索关键字、版权信息、作者等。
（1） 设置网页搜索关键字
<meta name="keywords" content="网站建设、网站制作、网站推广" />
（2） 设置网页描述信息
<meta name="description" content="网站建设" />
n XHTML简介
传统的HTML开发的初衷是面向pc机的，而随着移动终端的不断出现，HTML已经不能满足市场的需求了。
XHTML是新一代的HTML标注语言。
XHTML的目的是为了取代HTML。
XHTML的标记，与HTML一模一样。
XHTML的语法要比HTML严格得多。
XHTML可扩展超文本标注语言
n XHTML编写规范
- 所有的标记和属性要全小写
- 单边标记必须关闭。如<br>——><br />
- 所有的属性值都必须要加引号。
- 所有的属性都必须有值。如：<hr noshade />——><hr noshade=”noshade” />
- 标记之间要顺序嵌套，外层套内层，一层套一层。
- XHTML网页必须要有DTD文档类型定义代码。
n DTD文档类型定义
DTD文档类型定义的目的：是一种验证机制，也就是说检验一下你写的XHTML标记语法是否合法。
DTD一共有三大类型：
（1） 严格型的DTD
在严格的DTD中，不能再使用各种表现的标记。如：<font>、<b>、<body bgColor=””>
要求必须使用CSS来取代各种表现标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
（2） 过渡型的DTD
在过渡型的ＤＴＤ中，可以继续使用ＨＴＭＬ中的表现的写法
这些表现标记，还可以继续使用。如：＜font＞、＜b＞、<body bgColor=””>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
（3） 框架的DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
n 表格标签（块元素）
1、 表格的结构
<table>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
</table>
2、<table>属性
u Width：表格宽度，单位可以是百分比，也可以是固定值。
u Height：表格高度。
u Align：表格水平对齐方式，取值：left、center、right
u Border：边框粗细。
u Bordercolor：边框颜色。
u bgColor：表格背景颜色。
u Background：背景图片URL。
u Cellpadding：单元格边线到内容间的距离（填充距离）。
u Cellspacing：单元格与单元格之间的距离（间距）。
u Rules：合并单元格边框线，取值：all
注意：rules兼容性不好，请使用CSS来取代。
3、<tr>属性（行标记）
- Bgcolor：行的背景色
- Height：行的高度
- Align：行中的文本的水平对齐方式
- Valign：垂直对齐方式。取值：top（上）、middle（中）、bottom（下）
4、<td>或<th>属性
<td>是普通单元格，<th>是标题单元格，居中加粗显示。
Width：单元格宽度
Height：单元格高度
Bgcolor：单元格背景色
Background：单元格背景图
Align：水平对齐
Valign：垂直对齐
Rowspan：上下单元格合并
Colspan：左右单元格合并。合并时，有增就得有减，要保证每一行单元格的个数不变。