XHTML标签都有一个结束标记

所属分类: 网页制作 / HTML/Xhtml 阅读数: 679
收藏 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>等标签可以使用“/”关闭外,其它的元素必须使用</...>,否则会出现不可预料的问题。
更多精彩内容其他人还在看

超链接的宽度和高度直接设置不起作用的解决方法

这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多