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:合并列的单元格(跨列合并)