合理关闭XHTML标签

作者:dudo 来源:dudo blog 时间:2008-06-25 13:20:00 

XHTML规范中有一条标准就是“每个XHTML标签都有一个结束标记”。那么对于HTML中原来不带结束标记的元素,则在该结束前加上“/”来关闭这个标签,如,<img>标签原来在HTML中的写法:

<img src="..." alt="...">  

到了XHTML中,就应该在“>”前增加一个“/”来关闭这个标签,为了防止某些老式浏览器不认识这种写法,因此要在“/”前加上一个空格(HTML兼容性标准):

<img src="..." alt="..." />  

这似乎是说在开始标记中加上一个“/”就可以关闭掉这个标签。特别是对于空内的标签来说,似乎使用这种写法更简洁了。比如说,

<div class="clear"></div>  

这是在清除浮动(闭合浮动元素)中经常用到的一段代码。那么它似乎可以样写:

<div class="clear" />  


是的,<div>元素可以为空,这样写没有问题,但是我们对其它标签也使用类似的写法会出现什么样的后果呢?如在<head>中引入外部Javascript文件,我们一般这么写:

<script type="text/javascript" src="..." language="javascript"></script>  

既然没有内容为空,我们们可不可以写成


<script type="text/javascript" src="..." language="javascript" />  

我们发现,这样的写法在浏览器要么不起作用,要么会出错,多数情况下,浏览器会认为这个标签没有关闭,而错误地认识<script>之后的所有内容都是Javascript代码,所以会产生错误。再如,


<textarea id="tt" cols="10" rows="8" />  

如果在浏览器运行这段代码,你会发现从<textarea>开始,之后的所有XHTML代码都会被当作文本框的内容出现在文本框内。

这样看来,HTML4.0中已经存在成对的标签在XHTML中必须使用已有的结束标签。那么<div>为什么可以呢?其实,<div>也不可以,只是<div>的在浏览器没有那么明显的显示而已。而诸如<span />一类的写法就更加不正确了,首先<span>本身有关闭标签</span>,此外<span>标签内容不能为空白(纯空格也不行)。也就是说除了<img>、<hr>、<link>、<br>等标签可以使用“/”关闭外,其它的元素必须使用</...>,否则会出现不可预料的问题。

标签:xhtml,标签,标准,css
0
投稿

猜你喜欢

  • 如何让WML页面自己更新?

    2008-05-21 13:35:00
  • 从浏览器想开去

    2008-07-29 12:52:00
  • HTML头部属性全接触

    2007-09-05 19:09:00
  • 如何用ASP.NET连接MS SQLServer数据库?

    2010-06-11 19:27:00
  • Oracle DBA常用语句

    2009-08-05 20:15:00
  • Oracle误添加数据文件删除方法

    2009-07-02 12:21:00
  • 如何在 IE 中使用 HTML5 元素

    2009-06-14 19:44:00
  • 快速掌握ASP连接11种数据库的常用语法

    2008-11-28 15:32:00
  • 有关JS中Event对象的几点总结

    2009-03-06 12:36:00
  • Mootools 1.2教程(6)——操纵HTML DOM元素

    2008-11-20 13:19:00
  • FrontPage2002简明教程五:css样式表的应用

    2008-09-17 11:31:00
  • 怎么样才能设计出漂亮的网页?

    2008-10-07 16:57:00
  • Oracle 外连接实现代码

    2009-08-08 23:08:00
  • js和asp操作fso比较

    2007-09-23 09:17:00
  • oracle下一条SQL语句的优化过程(比较详细)

    2010-04-22 16:58:00
  • javascript限制复选框的最大可选数

    2008-10-13 13:03:00
  • ASP自动清除ACCESS数据库的日文字符

    2007-11-28 17:40:00
  • MS Server和Oracle中对NULL处理的一些细节差异

    2009-06-10 17:35:00
  • css网页下拉菜单制作方法(3):样式修饰

    2007-02-03 11:39:00
  • oracle join on 数据过滤问题

    2009-07-14 21:17:00
  • asp之家 网络编程 m.aspxhome.com