首页 / 知识

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

2023-04-17 10:44:00

关于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><p><i class="icon-biaoqian iconfont"></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></p> <p class="share"><b>免责声明:</b>本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。</p> </div> </div> <div class="whitebg"> <h2 class="htitle">最新内容</h2> <div class="new-link-notice"> <ul class="new-link"> <script src="/data/new.js"></script> </ul> </div> </div> <div class="whitebg"> <h2 class="htitle">相关内容</h2> <ul class="other-link"> <li><a href="/zhishi/eS66.html" target="_blank"><i><img src="/d/img/202315/ty61.webp" alt="linux下命令行浏览器?"></i><p>linux下命令行浏览器?</p><span>linux下命令行浏览器?,地址,传播,工具,网站,软件,发行,网址,首次,官网,系统,linux在命令符界面如何浏览网页1、linux系统下命令行访问网页是cu</span></a></li><li><a href="/zhishi/eS20.html" target="_blank"><i><img src="/d/img/202315/ty50.webp" alt="浏览器调用linux命令?"></i><p>浏览器调用linux命令?</p><span>浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,服务,求助大神,如何通过网页使用python向linux系统发送一些命令执</span></a></li><li><a href="/zhishi/eStJ.html" target="_blank"><i><img src="/d/img/202315/tongyong9.webp" alt="浏览器调用linux命令?"></i><p>浏览器调用linux命令?</p><span>浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,服务,求助大神,如何通过网页使用python向linux系统发送一些命令执</span></a></li><li><a href="/zhishi/eSpz.html" target="_blank"><i><img src="/d/img/202315/ty60.webp" alt="linux中有趣的命令?"></i><p>linux中有趣的命令?</p><span>linux中有趣的命令?,工作,系统,地址,信息,单位,命令,目录,代码,管理,标准,mv什么意思呢?MV的意思具体如下:mV是一个较小的电压单位,可以用毫伏表</span></a></li><li><a href="/zhishi/eRYQ.html" target="_blank"><i><img src="/d/img/202315/ty37.webp" alt="linux安装浏览器命令?"></i><p>linux安装浏览器命令?</p><span>linux安装浏览器命令?,官网,系统,平台,网站,管理,设备,咨询,工具,官方网站,软件,linuxcentos浏览器在哪里1、linux安装google浏览器方法如下:启</span></a></li><li><a href="/zhishi/eRL7.html" target="_blank"><i><img src="/d/img/202315/tongyong12.webp" alt="linux命令中有问号?"></i><p>linux命令中有问号?</p><span>linux命令中有问号?,不了,系统,数字,权限,问号,文件,中文,乱码,字形,字母,linux文件权限所有者都是问号处理不了中文,形成乱码,乱码中,有的被解析</span></a></li><li><a href="/zhishi/eRJ8.html" target="_blank"><i><img src="/d/img/202314/ty59.webp" alt="linux启动浏览器命令?"></i><p>linux启动浏览器命令?</p><span>linux启动浏览器命令?,系统,情况,发行,不了,官网,环境,工具,传播,基础,软件,如何使用linux命令打开网页在命令符界面浏览网页可以使用lynx,link</span></a></li><li><a href="/zhishi/eRGK.html" target="_blank"><i><img src="/d/img/202314/ty35.webp" alt="linux默认浏览器命令?"></i><p>linux默认浏览器命令?</p><span>linux默认浏览器命令?,环境,系统,发行,工程,工具,浏览器,软件,情况,网站,管理系统,如何在Linux环境下,使用Java打开默认浏览器退出firefox。删</span></a></li><li><a href="/zhishi/eREd.html" target="_blank"><i><img src="/d/img/202314/ty60.webp" alt="linux命令下载浏览器?"></i><p>linux命令下载浏览器?</p><span>linux命令下载浏览器?,软件,系统,官网,网站,工具,名称,中心,密码,时间,设计,linux怎样安装google浏览器?1、打开linux虚拟机,启动火狐浏览器,在</span></a></li><li><a href="/zhishi/eR4C.html" target="_blank"><i><img src="/d/img/202314/tongyong11.webp" alt="linux命令关浏览器?"></i><p>linux命令关浏览器?</p><span>linux命令关浏览器?,系统,工作,工具,咨询,信息,平台,官方网站,管理,数据,电脑,linux系统中如何关掉火狐浏览器的缓存,不想使用火狐浏览器的缓</span></a></li><li><a href="/zhishi/eQQ2.html" target="_blank"><i><img src="/d/img/202313/ty57.webp" alt="Python中有哪些方法可以解压文件?"></i><p>Python中有哪些方法可以解压文件?</p><span>Python中有哪些方法可以解压文件?,工具,系统,工作,培训,文件,文件夹,方法,窗体,不同于,以下内容,在Python学习和日常使用中,很容易造成文件过大</span></a></li><li><a href="/zhishi/eQTj.html" target="_blank"><i><img src="/d/img/202313/tongyong13.webp" alt="在Python培训中有哪些必学的运算符"></i><p>在Python培训中有哪些必学的运算符</p><span>在Python培训中有哪些必学的运算符?,项目,培训,数字,变量,赋值,符号,两个,表示,数学,示例,不论是Python还是其他后端编程语言,都少不了运算符的</span></a></li></ul> </div> </div> <div class="rbox"> <div class="whitebg paihang"> <h2 class="htitle">热门文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令?</span></a></section> <ul> <li><i></i><a href="/zhishi/eSeq.html" title="linux编译源代码命令?" target="_blank">linux编译源代码命令?</a></li><li><i></i><a href="/zhishi/eSdl.html" title="linux命令添加文件?" target="_blank">linux命令添加文件?</a></li><li><i></i><a href="/zhishi/eSdi.html" title="linux关机命令日志?" target="_blank">linux关机命令日志?</a></li><li><i></i><a href="/zhishi/eSdc.html" title="写5条linux命令语句?" target="_blank">写5条linux命令语句?</a></li><li><i></i><a href="/zhishi/eSc2.html" title="linux换壁纸的命令?" target="_blank">linux换壁纸的命令?</a></li><li><i></i><a href="/zhishi/eSbS.html" title="linux硬件监控命令?" target="_blank">linux硬件监控命令?</a></li><li><i></i><a href="/zhishi/eSbO.html" title="linux开机命令行界面?" target="_blank">linux开机命令行界面?</a></li><li><i></i><a href="/zhishi/eSbI.html" title="linux命令物理地址?" target="_blank">linux命令物理地址?</a></li></ul></div> <div class="whitebg tuijian"> <h2 class="htitle">推荐文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令?</span></a></section> <ul> <li><a href="/zhishi/eSeq.html" title="linux编译源代码命令?" target="_blank"><i><img src="/d/img/202315/ty31.webp"></i><p>linux编译源代码命令?</p></a></li><li><a href="/zhishi/eSdl.html" title="linux命令添加文件?" target="_blank"><i><img src="/d/img/202315/ty53.webp"></i><p>linux命令添加文件?</p></a></li><li><a href="/zhishi/eSdi.html" title="linux关机命令日志?" target="_blank"><i><img src="/d/img/202315/ty33.webp"></i><p>linux关机命令日志?</p></a></li><li><a href="/zhishi/eSdc.html" title="写5条linux命令语句?" target="_blank"><i><img src="/d/img/202315/ty68.webp"></i><p>写5条linux命令语句?</p></a></li><li><a href="/zhishi/eSc2.html" title="linux换壁纸的命令?" target="_blank"><i><img src="/d/img/202315/ty60.webp"></i><p>linux换壁纸的命令?</p></a></li></ul></div> <div class="whitebg cloud"> <h2 class="htitle">标签云</h2> <ul> <li><a href="/list/peixun.html" class="a-tag-1" title="培训" target="_blank">培训</a></li> <li><a href="/list/biaozhun.html" class="a-tag-2" title="标准" target="_blank">标准</a></li> <li><a href="/list/bianliang.html" class="a-tag-3" title="变量" target="_blank">变量</a></li> <li><a href="/list/zifuchuan.html" class="a-tag-4" title="字符串" target="_blank">字符串</a></li> <li><a href="/list/huanjing.html" class="a-tag-5" title="环境" target="_blank">环境</a></li> <li><a href="/list/shuzi.html" class="a-tag-6" title="数字" target="_blank">数字</a></li> <li><a href="/list/shuju.html" class="a-tag-7" title="数据" target="_blank">数据</a></li> <li><a href="/list/gongju.html" class="a-tag-8" title="工具" target="_blank">工具</a></li> <li><a href="/list/mingcheng.html" class="a-tag-9" title="名称" target="_blank">名称</a></li> <li><a href="/list/jichu.html" class="a-tag-10" title="基础" target="_blank">基础</a></li> <li><a href="/list/gongzuo.html" class="a-tag-11" title="工作" target="_blank">工作</a></li> <li><a href="/list/mima.html" class="a-tag-12" title="密码" target="_blank">密码</a></li> <li><a href="/list/xinxi.html" class="a-tag-13" title="信息" target="_blank">信息</a></li> <li><a href="/list/shebei.html" class="a-tag-14" title="设备" target="_blank">设备</a></li> <li><a href="/list/yuansu.html" class="a-tag-15" title="元素" target="_blank">元素</a></li> <li><a href="/list/danwei.html" class="a-tag-16" title="单位" target="_blank">单位</a></li> <li><a href="/list/guanli.html" class="a-tag-17" title="管理" target="_blank">管理</a></li> <li><a href="/list/wenjian.html" class="a-tag-18" title="文件" target="_blank">文件</a></li> <li><a href="/list/weizhi.html" class="a-tag-19" title="位置" target="_blank">位置</a></li> <li><a href="/list/biaoqian.html" class="a-tag-20" title="标签" target="_blank">标签</a></li> <li><a href="/list/yingyongchengxu.html" class="a-tag-21" title="应用程序" target="_blank">应用程序</a></li> <li><a href="/list/xuexi.html" class="a-tag-22" title="学习" target="_blank">学习</a></li> <li><a href="/list/wendang.html" class="a-tag-23" title="文档" target="_blank">文档</a></li> <li><a href="/list/shezhi.html" class="a-tag-24" title="设置" target="_blank">设置</a></li> </ul> </div> <div class="whitebg wenzi"> <h2 class="htitle">猜你喜欢</h2> <ul> <script type="text/javascript" src="/data/rand.js"></script> </ul> </div> </div> </article> <footer> <div class="footer_wrap"> <div class="footer_tool fr"> <a href="javascript:;" class="footer_phone"><em class="iconfont icon-shouji"></em><div class="qrcode ts"><img src="/css/qrcode/?str=https://m.jsk.cc/" alt="计算客"><p>扫码手机访问</p></div></a> <div class="wxbox"><div class="footer_icon"><img src="/css/img/icon.png"></div></div> </div> <div class="endnav"> <p>公益性知识科普性站点,所涵盖的内容、图片等数据系,部分原创内容未能与原作者取得联系。</p> <p>若涉及版权问题,请联系(kkyves#163.com / wechat: jisuanke2022),我们第一时间进行删除/修改!</p> </div> </div> <a href="#"><div class="top icon-retop iconfont"></div></a> <div class="footer_copyright"> <div class="container"> <span> Copyright © <a href="https://www.jsk.cc" target="_blank">计算客</a> @2023 jsk.cc <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn">蜀ICP备2023033106号-2</a> </span> <i class="fr">计算客 · 开发知识</i> </div> </div> </footer> <script type="text/javascript" src="/css/js/theia-sticky-sidebar.min.js"></script> <script type="text/javascript" src="/css/js/tool.min.js"></script> <script type="text/javascript" src="/css/js/like.ajax.js"></script> </body> </html>