### XHTML与HTML的区别 XHTML(可扩展超文本标记语言)是HTML的一种更严格、更纯净的替代形式,它结合了HTML与XML的最佳特性。在本文档中,我们将详细探讨XHTML与传统HTML之间的主要区别。 #### 1. **XHTML元素必须闭合** 在XHTML中,所有的元素都必须被正确地关闭。例如,`<br/>` 或 `<img src="example.jpg" alt="Example Image" />` 都必须包含斜杠 `/` 来表示元素的结束。而在HTML中,这些元素通常被视为自闭合元素,不需要显式地关闭。 #### 2. **XHTML元素必须小写** XHTML遵循XML的规范,因此所有标签和属性都必须使用小写字母。例如,在XHTML中,正确的写法是 `<html>` 而不是 `<HTML>`。这种规定有助于保持代码的一致性和清晰度。 #### 3. **XHTML文档结构更严格** XHTML的文档结构更加严谨。一个典型的XHTML文档结构如下: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title goes here</title> </head> <body> </body> </html> ``` 这里的 `<!DOCTYPE>` 声明指定了使用的XHTML文档类型,`<html>` 元素包含了 `xmlns` 属性,用于指定XHTML的命名空间。`<head>` 和 `<body>` 是必需的部分,分别包含了文档的头部信息和主体内容。 #### 4. **属性值必须用引号括起来** 在XHTML中,所有的属性值都必须被双引号或单引号包围。例如,`<div id="main">` 是正确的,而 `<div id=main>` 则不符合XHTML的标准。这同样是为了保持代码的清晰和一致性。 #### 5. **空元素必须闭合** 在XHTML中,即使是一个空元素也必须被正确地关闭。例如,`<input type="text" />` 就是一个自闭合的空元素。这种做法有助于避免解析器的混淆,并且提高了代码的可读性。 #### 6. **ID和NAME属性的使用** 在XHTML中,推荐使用 `id` 属性而不是 `name` 属性来标识特定的元素。例如,`<img src="image.jpg" id="image1" />` 比 `<img src="image.jpg" name="image1" />` 更符合XHTML的标准。这是因为 `id` 属性具有唯一性,而 `name` 属性则可以在同一个文档中多次出现。 #### 7. **使用LANG属性而非XML:LANG** 为了与XML保持一致,XHTML中推荐使用 `lang` 属性来指定文档的语言,而不是 `xml:lang`。例如,`<div lang="no">Heia Norge!</div>` 正确地指定了文档为挪威语。 #### 8. **使用正确的DOCTYPE声明** 为了确保文档的正确解析和显示,XHTML文档必须包含正确的DOCTYPE声明。例如,对于XHTML 1.0 Strict文档,应使用以下声明: ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ``` #### 9. **XHTML文档的验证** 为了确保XHTML文档的正确性,可以使用W3C提供的在线验证工具进行验证。例如,可以通过访问 `http://validator.w3.org/check?uri=http%3A%2F%2Fwww.w3school.com.cn%2Fxhtml%2Fxhtml_howto.asp` 来验证一个文档是否符合XHTML的标准。 #### 10. **使用HTML Tidy进行转换** 如果需要将现有的HTML文档转换为XHTML格式,可以使用HTML Tidy等工具来帮助完成转换工作。HTML Tidy是一个免费且强大的工具,可以帮助开发者清理和转换HTML文档,使其符合XHTML标准。具体操作方法可以参考:`http://www.w3.org/People/Raggett/tidy/`。 通过以上总结,我们可以看出XHTML在语法、结构和文档验证方面比传统的HTML更加严格和规范。这些改进不仅有助于提高网页的可读性和可维护性,还能更好地支持跨平台和多设备的应用场景。
其实html代码是很糟糕的!有些人可能认为html的纠错性强,打错打漏一些结束标记或者一些双引号也没问题,可是,html的问题就在这里!因为它的结构不够良好,虽然能够被大多数pc机的浏览器正确解析,但在移动电话和手持设备上的浏览器是无法解析这种糟糕的标记语言的!
所以,xhtml是把html和xml的长处加以结合,产生结构良好的文档。
主要的不同是:
1.XHTML元素必须被正确地嵌套
2.XHTML元素必须被关闭
如:<br />
<p>df</p>
3.标签名必须用小写字母
4.XHTML文档必须拥有根元素
如:<html>
<head>
<title>...</title>
</head>
<body> ... </body>
</html>
5.所有的属性值都必须加引号
如:<div id="dd"></div>
6.html、head、title和body元素必须存在
7.属性不能简写
如:<input checked="checked" />
8.用id属性代替name属性
如: 将<img src="picture.gif" name="picture1" />
改为<img src="picture.gif" id="picture1" />
- 粉丝: 5
- 资源: 9
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助