[Web] 被遗忘的知识点- XHTML

前言


首先我想问大家一个问题,你们在写HTML代码时,是使用大写还是小写?有人说用小写,也有人说大写,还有人说都可以。我想说最好用小写,原因如下:使用小写可读性更强,还有就是小写可以让你的代码更加兼容XML代码规范(如果你使用XHTML的话,你需要如此)。

这里我们引出了XHTML,那么XHTML是什么,它和HTML是什么关系,它具有哪些规范。XHTML是更加严格的HTML,它由W3C组织发布,用于帮助网页开发者由HTML向XML的过渡。因此你可以将XHTML理解为HTML和XML的中间产物,它不但具有HTML不羁所带来的页面感染力,而且具有XML严谨不苟所带来的规范悦目。

XHTML


下面我将列举在编写XHTML代码时需要特别注意的事情:

  1. 文档的根(root)元素必需是 html
  2. 文档的根元素必需包含一个 xmlns 的属性,用于声明XHTML的命名空间(namespace)

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  1. 必需有一个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">

  1. 所有的XHTML标记必需是小写的

错误写法:<A HREF="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>

正确写法:<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>

  1. 所有的标记元素都必需遵循“开闭”原则

错误写法:<img src="/pix/xhtml_tutorial.gif">

正确写法:<img src="/pix/xhtml_tutorial.gif" />

  1. 所有元素的属性值必需用引号括起来

错误写法:<img src="/pix/xhtml_tutorial.gif" width=250 height=50 border=0 />

正确写法:<img src="/pix/xhtml_tutorial.gif" width="250" height="50" border="0" />

  1. 一些属性上的省略是不允许的,属性必需符合“key-value”原则

错误写法:<option selected>

正确写法:<option selected="selected">

  1. 使用id属性来替代name属性

错误写法:<img src="/pix/xhtml_tutorial.gif" name="xhtml_tutorial">

正确写法:<img src="/pix/xhtml_tutorial.gif" id="xhtml_tutorial">

  1. 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>
  1. 正确使用标签的嵌套

错误写法:<b><i> This text is bold and italic</b></i>

正确写法:<b><i> This text is bold and italic</i></b>

posted @ 2013-03-01 17:45  书生小C  阅读(1183)  评论(0编辑  收藏  举报