您的位置：首页 > Web前端 > HTML

XHTML和HTML的区别详解

2015-06-19 12:44 603 查看

一、从名字上来看

HTML ＝ Hyper Text Markup Language，超文本标记语言

XHTML ＝ eXtensible HyperText Markup Language，可扩展的超文本标记语言

二、从使用上来说

1、XHTML区分大小写，要求所有的标签、属性名称全部使用小写。

　　正确：<img src="img.jpg" />

　　错误：<IMG SRC="img.jpg" /> （在HTML中正确，但在XHTML中不正确）

2、标签要成对出现，即必须要有关闭标签。对于空标签，需要在标签结束符“>”前加空格和左斜杠/

　　正确：<p>在xhtml中需要使用关闭标签</p>

　　错误：<p>在html中可以不使用结束标签

3、标签要正确嵌套，去掉内层嵌套后，必须对应。不能交叉嵌套。

　　正确：<div><p>这是正确嵌套</p></di>

　　错误：<div></p>这种只在html中可以</div></p>

4、属性值需要加引号（双引号或单引号）

　　错误：<table width=600>...

　　正确：<table width="600">...

5、用id属性代替name属性

　　错误：<input name="name">

　　正确：<input id="name">

6、超链接标签不再允许使用target属性，用rel="external" 代替，与js配合使用，实现效果。

7、alt属性不能省略，有些属性值不能省略

　　错误：<img src="img.jpg">

　　正确：<img src="img.jpg" alt="" />

　　错误：<input type="radio" checked>

　　正确：<input type="radio" checked=“checked”>

三、从头文件上来看

DOCTYPE ＝ Document Type ，浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码

XHTML1.0提供了三种DOCTYPE可选择：

(1)过渡型（Transitional ） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)严格型（Strict ） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(3)框架型（Frameset ） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航