一、区别
xhtml中:1.所有的标记都都要闭合
所有的标记都要闭合,如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
2.所有标签的元素和属性的名字都必须使用小写
<h6>close tag </h6>
<img src="../avg.png" alt=’avg’/>
<br />
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。
例如:
<BODY>必须写成<body> <DIV> 要写成 <div>
<p><b> </p></b> 必须修改为: <p> <b> </b> </p>
就是说,一层一层的嵌套必须是严格对称。
4.所有的属性必须用引号(单或双)包括
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。
<height=80> 必须修改为: <height="80″>
5.把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
注:以上字符之间无空格。
6.给所有属性赋一个值
XHTML规定所有属性都必须有一个值,没有值的就重复本身。
<input type="checkbox" name="shirt" value="medium" checked>
必须修改为:
<input type="checkbox" name="shirt" value="medium" checked="checked">
7.不要在注释内容中使"- -"
"- -"只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。
<!- -这里是注释———–这里是注释- ->
需要用等号或者空格替换内部的虚线。
<!- -这里是注释============这里是注释- ->
注:- – 之间无空格
8.图片必须有说明文字 每个图片标签都必须有ALT说明文字。
<img src="ball.jpg" alt="large red ball" />
二、规范
HTML 4.01规范分为:Strict, Transitional, Frameset
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0规范分为:Strict, Transitional, Frameset
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
三、选择
XHTML 与 HTML 4.01 标准没有太多的不同,应该马上使用小写字母编写HTML代码,同时绝不要养成忽略标签的习惯。详情注意点可以参考上面的区别!