XHTML与HTML区别

最新推荐文章于 2024-11-13 21:41:11 发布

worm_h

最新推荐文章于 2024-11-13 21:41:11 发布

阅读量304

点赞数

分类专栏： HTML 文章标签： xhtml html dreamweaver border css 浏览器

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

XHTML区别于HTML的规则如下：
1.XHTML文件的开始要声明DTD.
EX：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
该行可以由DREAMWEAVER自动生成

2.你需要为你的<html>标签添加一个命名空间。

EX：<html xmlns="http://www.w3.org/1999/xhtml">

这个叫做命名空间属性，属于XML范畴，我们这里仍然不做过多的讨论。

该行可以由DREAMWEAVER自动生成

关于DTD和命名空间的内容请参照XHTML教程——head和DTD。

在<head>和<title>之间加如下代码：【加入许多浏览器等软件可以“看得见”的信息。】
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

3.所有的标签和标签的属性都必须小写，属性值可以大写。

EX：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4.属性值必须用引号括起来。单引号双引号均可。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

5.所有的标签都必须被关闭，空标签也不例外。关闭空标签的方法如下：

HTML中的<br />要写成<br/>。注意，后面加了一个空格”“和一个反斜杠”/“。
6.如果你使用的是strict.dtd。也就是最严格的XHTML，那么许多定义外观的属性都将不被允许。

例如你为图片添加链接的同时想去掉边框。不可以再使用<img src="..."border="0">，

而是必须通过CSS来实现。我们推荐您在使用strict.dtd时，舍弃所有的定义外观属性，而完全使用CSS来定义页面外观.

如：在<a href="www.sina.com.cn" target="_blank" class="img120"><img src="1/logo-baidu.png" alt="2" width="101" height="40" /></a>

.img120 img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #dcdddd;
border-right-color: #dcdddd;
border-bottom-color: #dcdddd;
border-left-color: #dcdddd;
}

7.每个图片都应该提供alt文本。

(来自http://blog.163.com/zer_0507/blog/static/332482862010524103952980/)