关于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', 'https://www.ezd.cc' + (imgs[i].getAttribute('src') || ''));} } } </script> <div class="entry-meta"> <div class="articleinfo-tag"><i class="iconfont icon-biaoqian"></i><a href="/tags/yuansu.html" title="元素" class="c1" target="_blank">元素</a><a href="/tags/liulanqi.html" title="浏览器" class="c1" target="_blank">浏览器</a><a href="/tags/zibi.html" title="自闭" class="c1" target="_blank">自闭</a><a href="/tags/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="/zs/Lc7E.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/85.webp" alt="学习写字楼新选择6000元主流配置" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc7E.html" title="学习写字楼新选择6000元主流配置">学习写字楼新选择6000元主流配置</a></h2> </div> <p class="text-muted meta">学习写字楼新选择6000元主流配置,,这种配置需要考虑双核心的办公和娱乐平台,充分考虑办公室的办公需求和娱乐需求,以约6000元的预算和cost-e</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc7f.html" class="thumbnail"><span><img class="thumb" src="https://www.ezd.cc/d/jc/2023030508/hgff2tggj0q36.webp" alt="金蝶k3财务软件中有成本么|金蝶K3软件中如何跑成本" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc7f.html" title="金蝶k3财务软件中有成本么|金蝶K3软件中如何跑成本">金蝶k3财务软件中有成本么|金蝶K3软件中如</a></h2> </div> <p class="text-muted meta">金蝶k3财务软件中有成本么|金蝶K3软件中如何跑成本,,1.金蝶K3软件中如何跑成本金蝶财务软件按版本不同和购买的功能模块不同,结转成本是细</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc6z.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/19.webp" alt="新一代的Office代替Web浏览器" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc6z.html" title="新一代的Office代替Web浏览器">新一代的Office代替Web浏览器</a></h2> </div> <p class="text-muted meta">新一代的Office代替Web浏览器,,如果你用Office来取代网络浏览器,一定会有很多读者感到难以置信,在客户端安装Web浏览器就足够了,不管是因特网</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc4V.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/79.webp" alt="你支持800万用户Firefox吗如何能在火狐浏览器上中国的道路" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc4V.html" title="你支持800万用户Firefox吗如何能在火狐浏览器上中国的道路">你支持800万用户Firefox吗如何能在火狐浏览</a></h2> </div> <p class="text-muted meta">你支持800万用户Firefox吗如何能在火狐浏览器上中国的道路,,2月1日,百事可乐的网络新闻晚报:中国浏览器市场的竞争也许比世界上任何地方更大</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc1J.html" class="thumbnail"><span><img class="thumb" src="https://www.ezd.cc/d/jc/2023030508/1fe3m5irree11.webp" alt="微软Win10搜索Web内容强制使用Edge和Bing|windows10自带的edge浏览器" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc1J.html" title="微软Win10搜索Web内容强制使用Edge和Bing|windows10自带的edge浏览器">微软Win10搜索Web内容强制使用Edge和Bing|w</a></h2> </div> <p class="text-muted meta">微软Win10搜索Web内容强制使用Edge和Bing|windows10自带的edge浏览器,微软,内容,在win10操作系统问世之后,微软公司对于这一系统就一直在做</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc1l.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/4.webp" alt="检查元素快捷键|浏览器审查元素快捷键" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc1l.html" title="检查元素快捷键|浏览器审查元素快捷键">检查元素快捷键|浏览器审查元素快捷键</a></h2> </div> <p class="text-muted meta">检查元素快捷键|浏览器审查元素快捷键,,浏览器审查元素快捷键用浏览器审查元素来下载网页图片的方法如下。1,在网页中,按下f12打开审查元素</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lc0q.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/13.webp" alt="Chrome浏览器中文名字叫酷音量浏览器" /></span></a></p> <div class="title"> <h2><a href="/zs/Lc0q.html" title="Chrome浏览器中文名字叫酷音量浏览器">Chrome浏览器中文名字叫酷音量浏览器</a></h2> </div> <p class="text-muted meta">Chrome浏览器中文名字叫酷音量浏览器,,现在我们可以看到,在2012,很多次出现在Chrome相关页面中。这就是所谓的酷浏览器。今天,谷歌发布了一个</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lczf.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/49.webp" alt="ASP系列讲座(十二)向浏览器发送内容" /></span></a></p> <div class="title"> <h2><a href="/zs/Lczf.html" title="ASP系列讲座(十二)向浏览器发送内容">ASP系列讲座(十二)向浏览器发送内容</a></h2> </div> <p class="text-muted meta">ASP系列讲座(十二)向浏览器发送内容,,在ASP脚本中,或任何不包含在ASP分隔符中的内容。</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lcye.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/48.webp" alt="22寸液晶5100主流主流配置建议" /></span></a></p> <div class="title"> <h2><a href="/zs/Lcye.html" title="22寸液晶5100主流主流配置建议">22寸液晶5100主流主流配置建议</a></h2> </div> <p class="text-muted meta">22寸液晶5100主流主流配置建议,,对于主流用户来说,购买一个价格适中,能满足计算机的各种应用是最好的选择,今天我们就来推荐这样的配置,主角是</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lcyb.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/58.webp" alt="主流游戏无压力2599元i3单显示游戏组装电脑配置推荐" /></span></a></p> <div class="title"> <h2><a href="/zs/Lcyb.html" title="主流游戏无压力2599元i3单显示游戏组装电脑配置推荐">主流游戏无压力2599元i3单显示游戏组装电脑</a></h2> </div> <p class="text-muted meta">主流游戏无压力2599元i3单显示游戏组装电脑配置推荐,,如今,网购DIY电脑组装变得非常流行,但网购DIY电脑主机和电脑城,有很多奸商,许多网上购物</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lcy.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/82.webp" alt="稳定电脑电源|主流电脑电源" /></span></a></p> <div class="title"> <h2><a href="/zs/Lcy.html" title="稳定电脑电源|主流电脑电源">稳定电脑电源|主流电脑电源</a></h2> </div> <p class="text-muted meta">稳定电脑电源|主流电脑电源,,1. 主流电脑电源关于台式电脑电源,不是一样的,电源功率是不同的电源的功率标识也分两种,一种是标的额定功率,一种</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lcwq.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/68.webp" alt="电脑所有浏览器都崩溃|电脑的浏览器老是崩溃" /></span></a></p> <div class="title"> <h2><a href="/zs/Lcwq.html" title="电脑所有浏览器都崩溃|电脑的浏览器老是崩溃">电脑所有浏览器都崩溃|电脑的浏览器老是崩</a></h2> </div> <p class="text-muted meta">电脑所有浏览器都崩溃|电脑的浏览器老是崩溃,,电脑的浏览器老是崩溃这是你的电脑丢失或误删了系统文件,或系统文件被病毒和顽固木马破坏造</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/Lcwa.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/87.webp" alt="小米电脑flash怎么打开图片不显示图片|小米浏览器图片不显示图片" /></span></a></p> <div class="title"> <h2><a href="/zs/Lcwa.html" title="小米电脑flash怎么打开图片不显示图片|小米浏览器图片不显示图片">小米电脑flash怎么打开图片不显示图片|小米</a></h2> </div> <p class="text-muted meta">小米电脑flash怎么打开图片不显示图片|小米浏览器图片不显示图片,,1. 小米浏览器图片不显示图片这个情况是可以通过浏览器设置来调整为无</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/LcuR.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/55.webp" alt="7100元酷睿i7高成本资金和实用的主流游戏电脑配置推荐" /></span></a></p> <div class="title"> <h2><a href="/zs/LcuR.html" title="7100元酷睿i7高成本资金和实用的主流游戏电脑配置推荐">7100元酷睿i7高成本资金和实用的主流游戏电</a></h2> </div> <p class="text-muted meta">7100元酷睿i7高成本资金和实用的主流游戏电脑配置推荐,,我的很多朋友都喜欢自己组装电脑,最受用户喜爱的高端电脑配置,组装前的计算机用户的</p> </article><article class="excerpt excerpt-one"> <p class="focuss"><a href="/zs/LcuL.html" class="thumbnail"><span><img class="thumb" src="https://www.gonglue1.com/static/img/no/92.webp" alt="多彩电脑机箱|主流电脑机箱" /></span></a></p> <div class="title"> <h2><a href="/zs/LcuL.html" title="多彩电脑机箱|主流电脑机箱">多彩电脑机箱|主流电脑机箱</a></h2> </div> <p class="text-muted meta">多彩电脑机箱|主流电脑机箱,,1. 主流电脑机箱五千元至六千元价位电脑主机,如果组装机,可以配置配置很高的档次,电脑主机主板可以配置不低于十</p> </article></ul> </div> </div> </div> </div> </div> <footer class="footer"> <p>Copyright © 2023 易知道 ezd.cc All Rights Reserved</p> <p><a href="https://beian.miit.gov.cn/">京ICP备19020253号-3</a></p> </footer> </body> </html>