XHTML标签都有一个结束标记

所属分类: 网页制作 / HTML/Xhtml 阅读数: 527
收藏 0 赞 0 分享

原文连接:http://www.dudo.org/article.asp?id=253
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>等标签可以使用“/”关闭外,其它的元素必须使用</...>,否则会出现不可预料的问题。
更多精彩内容其他人还在看

被遗忘掉的button标签

注:这篇文章已经有人翻译过重新认识button 标签,但是感觉其中有很多地方值得推敲,不太好理解。因此本人结合个人学习体会重新翻译而成此文。 英文原文:http://particletree.com/features/rediscovering-the-button-elemen
收藏 0 赞 0 分享

标记语言——标题

点击这里返回网页教学网 HTML教程 栏目. 上文:Chapter1 清单 原文出处 标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1:
收藏 0 赞 0 分享

改进网站设计提供的有意的建议

科学设计你的网站网页:来自 Eye-Tracking研究的23节必修课——Christina Laun 在网络设计领域关于Eye-Tracking的研究十分火爆,但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-
收藏 0 赞 0 分享

网页教案,针对初学者的教案

教学主题 网页 适用年级
收藏 0 赞 0 分享

多个HTML页面共同调用一段html代码的方法

这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

提交表单后转到另一个文件

问题:在HTML中如何写跳转到某文件? HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写? form<form id="form" name="form" method="post
收藏 0 赞 0 分享

表格标签(table)深入了解

表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。 前不久为了寻找表格(table)所包含的主
收藏 0 赞 0 分享

容易混淆使用位置的XHTML标签

  我们在webjx.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢?   在刚接触XHTML CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优
收藏 0 赞 0 分享

类型File的Input按钮功能研究

在一些网站进行上传时,当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件,那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件,此外其余格式文件一律过滤不被显示。 比如 http://www.youku.com/
收藏 0 赞 0 分享

ul列表标记设计网页多列布局

几天在用CSS写三列布局的时候突然想到的这样一个方法,这个想法自己都觉得有些疯狂,如果其中有什么不对的地方请各位不吝指教。   当需要写一个三列布局的时候,一般情况下我会选择使用如下的DIV布局方式:
收藏 0 赞 0 分享
查看更多