位置：首页>> 网络编程>> 网页设计>> 合理关闭XHTML标签

合理关闭XHTML标签

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

标签：xhtml,标签,标准,css

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标签

猜你喜欢