晴朗 XHTML简介(1)
XHTML
（1）XHTML介绍
XHTML，Extensible Hypertext Markup Language，可扩展超文本标注语言。
XHTML的主要目的，是为了取代HTML，也可以理解为HTML的升级版。
HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电视等)无法正常显示。
XHTML与HTML4.0的标记基本上一样。
XHTML是严格的、纯净的HTML。
（2）编写XHTML的规范
1)所有标记元素都要正确的嵌套，不能交叉嵌套。<h1><font></font></h1>
2)所有的标记都必须小写。
3)所有的标记都必须关闭。
双边标记：<span></span>
单边标记：<br> 转成 <br /> <hr> 转成 <hr /> <img src=“URL” />
4)所有的属性值必须加引号。<font color=“red”></font>
5）所有的属性必须有值。<hr noshade=“noshade”>
<input type=“radio” checked=“checked” />
6）XHTML文档开头必须要有DTD文档类型定义
DTD文档类型定义
DTD，Document Type Definition文档类型定义，是一套标记的规则，理解为一种“验证机制”。
DTD有三种类型：
第一种：Strict严格型：在这种XHTML中，结构中不能出现格式或表现的内容。
格式标记：<font>、<b>、color属性、background属性
这种类型下，在<body>中只有结构标记，不能出现任何的表现。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
第二种：Transitional过渡型：在这种XHTML中，结构中可以出现格式标记或表现(CSS)的内容。(用的最多)
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
第三种：Frameset框架型：在这种XHTML中，可以使用框架技术，实现多个网页在一个浏览器窗口中呈现
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
<meta>
（1）<meta>标记的概念
<meta>标记提供一些元信息，比如：关键字、描述信息、作者、网页刷新、网页过期期限、网页字符集等
（2）<meta>的两个属性
http-equiv：相当于http的文件头信息，告诉浏览器如何正确的显示网页的内容。
name：描述信息，指定网页关键字、网页描述、作者、版权信息
（3）常用的<meta>设置
设置网页的字符集：<meta http-equiv=“content-type” content=“text/html;charset=utf-8” />
网页自动刷新：<meta http-equiv=“refresh”content=“3” /> 3秒自动刷新网页
延迟一定时间后跳转：<meta http-equiv=“refresh” content=“3;url=http://www.sina.com.cn” />
设置网页的关键字：<meta name=“keywords” content=“网站建设,广州网站,网站开发” />
网页描述：<meta name=“description” content=“描述信息” />
网站作者：<meta name=“author” content=“广州传智” />
……
表格标记
1、表格的结构
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格结构的说明：
<table>是表格标记，里面包含<tr>行标记；
<tr>代表一个行
<td>或<th>代表一个单元格(列)，<th>标题单元格(内容居中加粗显示)，<td>普通单元格
2、<table>的常用属性
Width：表格的宽度
Height：表格的高度
Border：表格的边线粗细
Bordercolor：表格的边线颜色
Align：表格的水平对齐方式，取值：left center right
Cellpadding：指单元格边线到内容间的距离(内边距)
Cellspacing：指两个单元格之间的距离(外边距)
bgColor：表格背景色
background：表格的背景图片
注意：在HTML中所有的属性值都不加px单位，但在CSS中所有数值都必须加单位。
3、<tr>的常用属性
Height：一行的高度
bgColor：行的背景色
align：一行的内容水平居中显示，取值：left、center、right
valign：行的内容垂直居中，取值：top、middle、bottom
4、<td>或<th>的属性
Width：单元格的宽度
Height：单元格的高度
bgColor：背景色
background：背景图片
align：单元格内容水平对齐
valign：单元格内容垂直对齐
rowspan：合并行的单元格(跨行合并)
colspan：合并列的单元格(跨列合并)
