html和xhtml的区别

最新推荐文章于 2024-04-25 17:15:40 发布

最新推荐文章于 2024-04-25 17:15:40 发布 · 105 阅读

文章标签：

#HTML #XHTML #CSS #浏览器

本文详细阐述了XHTML与HTML的主要区别，包括XHTML需要声明DTD、元素必须正确嵌套、标签及属性必须小写、属性值需用引号括起、所有标签必须关闭等。此外还介绍了XHTML在严格模式下对外观属性的限制以及如何使用CSS替代。

转载：

XHTML和HTML区别

1. XHTML文件的开始要声明DTD.

XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2,XHTML 元素一定要被正确的嵌套使用。
　　在HTML里一些元素可以不正确嵌套也能正常显示，如：
　　<b><i>This text is bold and italic</b></i>
　　而在XHTML必须要正确嵌套之后才能正常使用，如：
　　<b><i>This text is bold and italic</i></b>

3.所有的标签和标签的属性都必须小写，属性值可以大写。
如错误代码：
　　<BODY>
　　<P>This is a paragraph</P>
　　</BODY>
　　正确格式为：
　　<body>
　　<p>This is a paragraph</p>
　　</body>

4.属性值必须用引号括起来。单引号双引号均可。
错误的代码：
　　<table width=100%>
　　正确的代码：
　　<table width="100%">
5.所有的标签都必须被关闭，空标签也不例外。关闭空标签的方法如下：
HTML中的<br>要写成<br/>。注意，后面加了一个空格”“和一个反斜杠”/“。
6.如果你使用的是strict.dtd。也就是最严格的XHTML，那么许多定义外观的属性都将不被允许。
例如你为图片添加链接的同时想去掉边框。不可以再使用<img src="..."border="0">，而是必须通过CSS来实现。
我们推荐您在使用strict.dtd时，舍弃所有的定义外观属性，而完全使用CSS来定义页面外观
7　属性的缩写被禁止。如：
　　错误的代码：
　　<dl compact>
　　<input checked>
　　<input readonly>
　　<input disabled>
　　<option selected>
　　<frame noresize>
　　正确的代码：
　　<dl compact="compact">
　　<input checked="checked" />
　　<input readonly="readonly" />
　　<input disabled="disabled" />
　　<option selected="selected" />
　　<frame noresize="noresize" />
　　列出一个表让大家知道：
　　HTML　　　　　　　　　　XHTML
　　compact　　　　　　　compact="compact"
　　checked　　　　　　　checked="checked"
　　declare　　　　　　　declare="declare"
　　readonly　　　　　　 readonly="readonly"
　　disabled　　　　　　　disabled="disabled"
　　selected　　　　　　selected="selected"
　　defer　　　　　　　　defer="defer"
　　ismap　　　　　　　　ismap="ismap"
　　nohref　　　　　　　nohref="nohref"
　　noshade　　　　　　　noshade="noshade"
　　nowrap　　　　　　　nowrap="nowrap"
　　multiple　　　　　　multiple="multiple"
　　noresize　　　　　　noresize="noresize"

8, 用id属性代替name属性。如：
　　HTML 4.01 中为a，applet, frame, iframe, img 和 map定义了一个name属性.在 XHTML 里name属性是不能被使用的，应该用id 来替换它。如：
　　错误代码：
　　<img src="picture.gif" name="picture1" />
正确的代码：
　　<img src="picture.gif" id="picture1" />
　　注意：我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如：
　　<img src="picture.gif" id="picture1" name="picture1" />
　　为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。