关于html:XHTML中有哪些有效的自闭元素(由主流浏览器实现)?

关于html:XHTML中有哪些有效的自闭元素(由主流浏览器实现)?

What are all the valid self-closing elements in XHTML (as implemented by the major browsers)?

XHTML中的所有有效自闭元素(例如
)是什么(由主要浏览器实现)?

我知道XHTML在技术上允许任何元素自我关闭,但我正在寻找所有主要浏览器支持的那些元素的列表。 有关由自闭元素引起的一些问题的示例,请参见http://dusan.fora.si/blog/self-closing-tags。


每个支持XHTML的浏览器(Firefox,Opera,Safari,IE9)都支持每个元素的自动关闭语法。


自闭语法适用于application / xhtml + xml中的所有元素。 text / html中的任何元素都不支持它,但HTML4中"空"或HTML5中"void"的元素无论如何都不会使用结束标记,所以如果你在它们上面放一个斜杠,它就像是支持自关闭语法。


来自W3学校参考站点:

1
2
3
4
5
6
7
8
<base />
<basefont />
<br />
<hr />
<input />
<img />
<link />
<meta />

更好的问题是:哪些标签即使在HTML模式下也可以自动关闭而不会影响代码?答案:只有那些内容空洞的内容(无效)。
根据HTML规范,以下元素无效:

area, base, br, col, embed, hr, img, input, keygen, link, menuitem, meta, param, source, track, wbr

较旧版本的规范也列出了command
此外,根据各种来源,以下过时或非标准标签无效:

basefont, bgsound, frame, isindex


希望这有助于某人:

1
2
3
4
5
6
7
8
9
10
11
12
13
<base />
<basefont />
<frame />
<link />
<meta />


<br />
<col />
<hr />
<img />
<input />
<param />


怎么样?他们为什么不在名单上?

快速经验法则,不要自行关闭任何有内容的元素,因为它肯定会迟早引起浏览器问题。

那些自然闭合的,如,应该是显而易见的。那些不是......只是不要自我关闭!


它们在HTML 5中被称为"void"元素。它们列在官方W3规范中。

A void element is an element whose content model never allows it to have contents under any circumstances.

截至2013年4月,它们是:

area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr

截至2018年12月(HTML 5.2),它们是:

area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr


我最后一次检查,以下是HTML5中列出的空/空元素。

对作者有效:area,base,br,col,command,embed,eventsource,hr,img,input,link,meta,param,source

作者无效:basefont,bgsound,frame,spacer,wbr

除了HTML5中的一些新内容之外,这应该让您了解在将XHTML作为text / html提供时可能支持的内容。 (只需通过检查生成的DOM来测试它们。)

至于XHTML作为application / xhtml + xml(使其成为XML),XML规则适用,任何元素都可以为空(即使XHTML DTD无法表达这一点)。


您应该看看xHTML DTD,它们都已列出。以下是对所有主要内容的快速回顾:

1
2
3
4
<br />
<hr />
<img />
<input />

我不会试图对此进行详细说明,特别是因为我编写的大多数页面都是生成的,或者标签确实有内容。只有两个在让它们自动关闭时给我带来麻烦的是:

</wyn> </p> <p> 为此,我只是总是给它一个单独的结束标记,因为一旦它出现在<wyn><head></head></wyn>中,它就不会让你的代码变得更加混乱。 </p> <p> <wyn></center></p> <hr> <p> IE的另一个自闭标签问题是title元素。当IE(只是在IE7中尝试过)看到这个时,它会向用户显示一个空白页面。但是你"查看源代码",一切都在那里。 </p> <div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer"><title/></div></td></tr></tbody></table></div> <p> 我最初在XSLT生成自闭标记时看到了这个。 </p> <hr> <p><hr />是另一个 </p> <p><center> </center></p> <hr></div></td> </tr> </tbody> </table></article> <script> window.onload=function(){ var imgs = document.getElementsByTagName('img'); for(var i = 0;imgs[i];i++){ var thttp = imgs[i].getAttribute('src').indexOf("http"); var tok = imgs[i].getAttribute('src').indexOf("//"); if(thttp == -1 || tok == -1) {imgs[i].setAttribute('src', 'http://www.jsk.cc' + (imgs[i].getAttribute('src') || ''));} } } </script> <div class="entry-meta"> <div class="articleinfo-tag"><i class="iconfont icon-biaoqian"></i><a href="/list/yuansu.html" title="元素" class="c1" target="_blank">元素</a><a href="/list/liulanqi.html" title="浏览器" class="c1" target="_blank">浏览器</a><a href="/list/zibi.html" title="自闭" class="c1" target="_blank">自闭</a><a href="/list/zhongyou.html" title="中有" class="c1" target="_blank">中有</a></div> </div> </div> <div class="relatebox"> <div class="relatebox-lists"> <h3>推荐阅读<span></span></h3> <div class="relatebox-articles"> <ul> <article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eS66.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty61.webp" alt="linux下命令行浏览器?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eS66.html" title="linux下命令行浏览器?">linux下命令行浏览器?</a></h2> </div> <p class="text-muted meta">linux下命令行浏览器?,地址,传播,工具,网站,软件,发行,网址,首次,官网,系统,l</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eS20.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty50.webp" alt="浏览器调用linux命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eS20.html" title="浏览器调用linux命令?">浏览器调用linux命令?</a></h2> </div> <p class="text-muted meta">浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eStJ.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/tongyong9.webp" alt="浏览器调用linux命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eStJ.html" title="浏览器调用linux命令?">浏览器调用linux命令?</a></h2> </div> <p class="text-muted meta">浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eSpz.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty60.webp" alt="linux中有趣的命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eSpz.html" title="linux中有趣的命令?">linux中有趣的命令?</a></h2> </div> <p class="text-muted meta">linux中有趣的命令?,工作,系统,地址,信息,单位,命令,目录,代码,管理,标准,mv</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRYQ.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/ty37.webp" alt="linux安装浏览器命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRYQ.html" title="linux安装浏览器命令?">linux安装浏览器命令?</a></h2> </div> <p class="text-muted meta">linux安装浏览器命令?,官网,系统,平台,网站,管理,设备,咨询,工具,官方网站,</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRL7.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202315/tongyong12.webp" alt="linux命令中有问号?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRL7.html" title="linux命令中有问号?">linux命令中有问号?</a></h2> </div> <p class="text-muted meta">linux命令中有问号?,不了,系统,数字,权限,问号,文件,中文,乱码,字形,字母,lin</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRJ8.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty59.webp" alt="linux启动浏览器命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRJ8.html" title="linux启动浏览器命令?">linux启动浏览器命令?</a></h2> </div> <p class="text-muted meta">linux启动浏览器命令?,系统,情况,发行,不了,官网,环境,工具,传播,基础,软件,</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eRGK.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty35.webp" alt="linux默认浏览器命令?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eRGK.html" title="linux默认浏览器命令?">linux默认浏览器命令?</a></h2> </div> <p class="text-muted meta">linux默认浏览器命令?,环境,系统,发行,工程,工具,浏览器,软件,情况,网站,管</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eREd.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/ty60.webp" alt="linux命令下载浏览器?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eREd.html" title="linux命令下载浏览器?">linux命令下载浏览器?</a></h2> </div> <p class="text-muted meta">linux命令下载浏览器?,软件,系统,官网,网站,工具,名称,中心,密码,时间,设计,l</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eR4C.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202314/tongyong11.webp" alt="linux命令关浏览器?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eR4C.html" title="linux命令关浏览器?">linux命令关浏览器?</a></h2> </div> <p class="text-muted meta">linux命令关浏览器?,系统,工作,工具,咨询,信息,平台,官方网站,管理,数据,电</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQQ2.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty57.webp" alt="Python中有哪些方法可以解压文件?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQQ2.html" title="Python中有哪些方法可以解压文件?">Python中有哪些方法可以解压文件?</a></h2> </div> <p class="text-muted meta">Python中有哪些方法可以解压文件?,工具,系统,工作,培训,文件,文件夹,方法</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQTj.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/tongyong13.webp" alt="在Python培训中有哪些必学的运算符?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQTj.html" title="在Python培训中有哪些必学的运算符?">在Python培训中有哪些必学的运算符?</a></h2> </div> <p class="text-muted meta">在Python培训中有哪些必学的运算符?,项目,培训,数字,变量,赋值,符号,两个</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQQw.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty50.webp" alt="python修改列表元素有什么方法" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQQw.html" title="python修改列表元素有什么方法">python修改列表元素有什么方法</a></h2> </div> <p class="text-muted meta">python修改列表元素有什么方法,代码,数据,步长,元素,基础,位置,培训,列表</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQWS.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/tongyong15.webp" alt="Python之删除列表中某个元素的三种方法" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQWS.html" title="Python之删除列表中某个元素的三种方法">Python之删除列表中某个元素的三种方法</a></h2> </div> <p class="text-muted meta">Python之删除列表中某个元素的三种方法,数据,培训,元素,对象,方法,索引</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQ7F.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty65.webp" alt="python 列表元素的删除" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQ7F.html" title="python 列表元素的删除">python 列表元素的删除</a></h2> </div> <p class="text-muted meta">python 列表元素的删除,代码,数据,位置,连续,异常,首次,培训,元素,列表,空</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQ9J.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty51.webp" alt="python 列表元素访问与计数" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQ9J.html" title="python 列表元素访问与计数">python 列表元素访问与计数</a></h2> </div> <p class="text-muted meta">python 列表元素访问与计数,异常,首次,培训,列表,元素,下标,对象,方法,次</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQKN.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/tongyong15.webp" alt="python 列表元素的增加" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQKN.html" title="python 列表元素的增加">python 列表元素的增加</a></h2> </div> <p class="text-muted meta">python 列表元素的增加,地址,位置,情况,元素,列表,代码,培训,对象,尾部,变</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQKA.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty68.webp" alt="python中list删除元素的方法有哪些?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQKA.html" title="python中list删除元素的方法有哪些?">python中list删除元素的方法有哪些?</a></h2> </div> <p class="text-muted meta">python中list删除元素的方法有哪些?,数据,首次,代码,培训,元素,方法,列</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQkl.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/tongyong8.webp" alt="python如何读取列表中元素的位置?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQkl.html" title="python如何读取列表中元素的位置?">python如何读取列表中元素的位置?</a></h2> </div> <p class="text-muted meta">python如何读取列表中元素的位置?,位置,数据,异常,培训,字符串,元素,索</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zhishi/eQ2J.html" class="thumbnail"><span><img class="thumb" src="http://www.jsk.cc/d/img/202313/ty51.webp" alt="python中有跳转语句吗?" /></span></a></p> <div class="title"> <h2><a href="/zhishi/eQ2J.html" title="python中有跳转语句吗?">python中有跳转语句吗?</a></h2> </div> <p class="text-muted meta">python中有跳转语句吗?,培训,语句,桔子,继续,嵌套,条件下,剩余,表示,结果,</p> </article></ul> </div> </div> </div> </div> </div> <footer class="footer"> <p>Copyright © 2023 计算客 JSK.CC All Rights Reserved</p> <p><a href="https://beian.miit.gov.cn/">蜀ICP备2023033106号-2</a></p> </footer> </body> </html>