HTML ·

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

参与评论