XHTML标签都有一个结束标记

2016-02-19 11:58 4 1 收藏

图老师小编精心整理的XHTML标签都有一个结束标记希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】


原文连接: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等标签可以使用/关闭外,其它的元素必须使用/...,否则会出现不可预料的问题。

来源:http://www.tulaoshi.com/n/20160219/1599296.html

延伸阅读
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用div也可以实现。技术有一个成熟的过程,把div看成和table一样...
如何拍摄每个女孩都有一个婚纱梦   每个女孩都有一个婚纱梦 作者:含笑 EXIF 相机:佳能6D 镜头:佳能24mm 1.4L 光圈:F1.4 快门:1/200秒 ISO:250 一、拍摄想法 一位摄影师朋友工作室的门面到期准备转让,借此机会,想借朋友工作室捣腾一翻。这个工作室其实不大,主要是用来谈业务和选婚纱用的...
标签: Web开发
表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。 表单标签form 表单以一个form标签开始。用户注册网站会员,投票等等都需要表单来实现。当然了,仅仅依靠XHTML是无法处理这些表单的,如果你想处理这些表但你需要使用一些类似PHP和ASP的网页后台技术。(顺便说一下,小菜鸟自己的后台目前还很菜。) 表单内的input 下面我们...
标签: Web开发
我们在文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优化知识的了解,发现其实标签的使用也是一门学问。 在这里不对各标签在CSS中对...
标签: Web开发
      框架结构标签frameset/frameset       框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,frameset其实就是一个大table,只不过整个页面是table的主体,而每一个单元格的内容都是一个独立的网页。       给框架结构分栏(”cols“和”...

经验教程

848

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部