XHTML和HTML区别

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

lovetocool

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

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： HTML XHTML CSS 浏览器

本文链接：https://blog.youkuaiyun.com/lovetocool/article/details/83951547

本文详细阐述了XHTML文件的正确书写规范，包括DTD声明、元素嵌套、标签属性大小写、属性值引用、标签关闭、外观属性限制、属性缩写禁用以及id属性替代name属性等内容，旨在帮助开发者提高代码质量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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" />
　　为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。