XHTML 与 HTML 的主要区别
XHTML 是以 XML 重构的 HTML 4.01,二者主要区别如下:
- XHTML 元素必须被正确地嵌套
- XHTML 元素必须被关闭,空标签也必须被关闭,如 <br> 必须写成 <br />
- XHTML 标签名必须用小写字母
- XHTML 文档必须拥有根元素
- XHTML 文档要求给所有属性赋一个值
- XHTML 要求所有的属性必须用引号""括起来
- XHTML 文档需要把所有 < 、>、& 等特殊符号用编码表示
- XHTML 文档不要在注释内容中使“--”
- XHTML 图片必须有说明文字
- XHTML 文档中用id属性代替name属性
XHTML 元素必须被正确地嵌套
在 HTML 中,以下写法可以被接受:
<p><b>粗体显示文字</p></b>
在 XHTML 中,必须要正确的嵌套:
<p><b>粗体显示文字</b></p>
XHTML 元素必须被关闭
非空标签必须使用结束标签关闭,空标签以 /> 结尾关闭。
错误:
<p>文字段落 <br> <img src="flower.jpg" alt="花">
正确:
<p>文字段落</p> <br /> <img src="flower.jpg" alt="花" />
XHTML 标签名必须用小写字母
XHTML 规范定义标签名和属性对大小写敏感。
XHTML 文档必须拥有根元素
所有的 XHTML 元素必须被嵌套于 <html> 根元素中:
<html> <head> ... </head> <body> <p>文字段落等正文内容</p> </body> </html>
XHTML 文档要求给所有属性赋一个值
XHTML规定所有属性都必须有一个值,没有值的就重复本身。
HTML 中可以接受的写法:
<input type="checkbox" checked>
XHTML 中的正确写法:
<input type="checkbox" checked="checked">
XHTML 要求所有的属性必须用引号""括起来
HTML 中可以接受的写法:
<input id=input_id>
XHTML 中的正确写法:
<input id="input_id" />
XHTML 文档需要把所有 < 、>、 & 等特殊符号用编码表示
< 和 > 会被认为是 XHTML 文档标签的一部分,如果正文中需要显示这些字符,需要用特殊编码 < 和 > 表示。
& 需要用 & 表示。
XHTML 文档不要在注释内容中使 “--”
“--” 只能用于 XHTML 文档注释的开头和结束,也就是说,在内容中它们不再有效。
错误:
<!--这里是注释---------这里是注释-->
正确(用 == 代替 --):
<!--这里是注释=========这里是注释-->
XHTML 图片标签必须有说明文字
<img src="flower.jpg" alt="花" />
XHTML 文档中用id属性代替name属性
在 XHTML 1.0 中,name属性是不赞成使用的,在以后的XHTML版本中将被删除。
<input id="input_id" />