[Web] 被遗忘的知识点- XHTML
前言
首先我想问大家一个问题,你们在写HTML代码时,是使用大写还是小写?有人说用小写,也有人说大写,还有人说都可以。我想说最好用小写,原因如下:使用小写可读性更强,还有就是小写可以让你的代码更加兼容XML代码规范(如果你使用XHTML的话,你需要如此)。
这里我们引出了XHTML,那么XHTML是什么,它和HTML是什么关系,它具有哪些规范。XHTML是更加严格的HTML,它由W3C组织发布,用于帮助网页开发者由HTML向XML的过渡。因此你可以将XHTML理解为HTML和XML的中间产物,它不但具有HTML不羁所带来的页面感染力,而且具有XML严谨不苟所带来的规范悦目。
XHTML
下面我将列举在编写XHTML代码时需要特别注意的事情:
- 文档的根(root)元素必需是 html
- 文档的根元素必需包含一个 xmlns 的属性,用于声明XHTML的命名空间(namespace)
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- 必需有一个DOCTYPE 声明,而且这个声明必需在html元素之前定义
所有的XHTML文档必需包含DOCTYPE声明,同样文档中必需包含常见的html, head, title, and body元素。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 所有的XHTML标记必需是小写的
错误写法:<A HREF="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>
正确写法:<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>
- 所有的标记元素都必需遵循“开闭”原则
错误写法:<img src="/pix/xhtml_tutorial.gif">
正确写法:<img src="/pix/xhtml_tutorial.gif" />
- 所有元素的属性值必需用引号括起来
错误写法:<img src="/pix/xhtml_tutorial.gif" width=250 height=50 border=0 />
正确写法:<img src="/pix/xhtml_tutorial.gif" width="250" height="50" border="0" />
- 一些属性上的省略是不允许的,属性必需符合“key-value”原则
错误写法:<option selected>
正确写法:<option selected="selected">
- 使用id属性来替代name属性
错误写法:
<img src="/pix/xhtml_tutorial.gif" name="xhtml_tutorial">
正确写法:
<img src="/pix/xhtml_tutorial.gif" id="xhtml_tutorial">
- Script标记的language属性已过时,不要使用
错误写法:
<script language="javascript" type="text/javascript" >
document.write("Feel free to link to this XHTML Tutorial!");
</script>
正确写法:
<script type="text/javascript" >document.write("Feel free to link to this XHTML Tutorial!");</script>
- 正确使用标签的嵌套
错误写法:
<b><i> This text is bold and italic</b></i>
正确写法:
<b><i> This text is bold and italic</i></b>