XHTML标签都有一个结束标记

admin HTML/Xhtml 2022-02-05 03:06:38 结束标记一个标签 &lt &quot 可以写法 ...&quot"

原文连接：http://www.dudo.org/article.asp?id=253
XHTML规范中有一条标准就是“每个XHTML标签都有一个结束标记”。那么对于HTML中原来不带结束标记的元素，则在该结束前加上“/”来关闭这个标签，如，标签原来在HTML中的写法：

https://www.iwyv.com/d/files/20220205/zpoo3yhdmo5

到了XHTML中，就应该在“>”前增加一个“/”来关闭这个标签，为了防止某些老式浏览器不认识这种写法，因此要在“/”前加上一个空格（HTML兼容性标准）：

这似乎是说在开始标记中加上一个“/”就可以关闭掉这个标签。特别是对于空内的标签来说，似乎使用这种写法更简洁了。比如说，

这是在清除浮动（闭合浮动元素）中经常用到的一段代码。那么它似乎可以样写：

是的，

元素可以为空，这样写没有问题，但是我们对其它标签也使用类似的写法会出现什么样的后果呢？如在中引入外部Javascript文件，我们一般这么写：
<script type="text/javascript" src="https://www.iwyv.com/d/files/20220205/zpoo3yhdmo5" language="javascript"></script>
既然没有内容为空，我们们可不可以写成
<script type="text/javascript" src="https://www.iwyv.com/d/files/20220205/zpoo3yhdmo5" language="javascript" />
我们发现，这样的写法在浏览器要么不起作用，要么会出错，多数情况下，浏览器会认为这个标签没有关闭，而错误地认识<script>之后的所有内容都是Javascript代码，所以会产生错误。再如，

<br /> 如果在浏览器运行这段代码，你会发现从<textarea>开始，之后的所有XHTML代码都会被当作文本框的内容出现在文本框内。

<br /> 这样看来，HTML4.0中已经存在成对的标签在XHTML中必须使用已有的结束标签。那么<div>为什么可以呢？其实，<div>也不可以，只是<div>的在浏览器没有那么明显的显示而已。而诸如<span />一类的写法就更加不正确了，首先<span>本身有关闭标签</span>，此外<span>标签内容不能为空白（纯空格也不行）。也就是说除了<img>、<hr>、<link>、<br>等标签可以使用“/”关闭外，其它的元素必须使用</https://www.iwyv.com/d/files/20220205/zpoo3yhdmo5>，否则会出现不可预料的问题。
        
        
        
        
                
						
						
						<span id="art_bot" class="jbTestPos"></span> 
        </div>
        <div class="pagebar">  </div>
        <div class="pcd_ad"><script src=/d/js/acmsd/thea14.js></script></div>
        <div class="mbd_ad">
          <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5850285417076520"
     data-ad-slot="9825815134"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
        </div>
        <div class="rights">
          <h5>版权声明</h5>
          <p>本文仅代表作者观点，不代表本站立场。<br>
            本文系作者授权发表，未经许可，不得转载。<br>本文地址：/web/HTML/72283.html</p>

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a><a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{},"image":{"viewList":["fbook","twi","linkedin","qzone","tsina","douban","weixin","evernotecn"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?'];</script>

</div>

<div class="r-pn-post">
               
<div class="shang"><a title="XHTML语言默认的CSS样式" href="/web/HTML/72282.html" rel="bookmark" class="prev_p"><span>上一篇 :</span> XHTML语言默认的CSS样式 
</a></div>
<div class="xia"><a href="/web/HTML/72284.html" rel="bookmark" class="next_p"><span>下一篇 :</span> XHTML 2.0新功能抢先预览</a></div>

<div class="clear"></div>
            </div>
      </div>
      <div class="related">
        <h4>相关文章</h4>
        <ul>
        <li> <a href="/shouji/2021-03-10/30665.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20210310/2bnb4xkwbwn.jpg" alt="三星Z Flip 5G评测：这是你秋天的第一个“粉饼盒”"></div>
            <p>三星Z Flip 5G评测：这是你秋天的第一个“粉饼盒”</p>
            </a> </li><li> <a href="/youxi/177043.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20220701/t1h1us5jwr4.jpg" alt="《原神》璃月地灵龛位置分享 璃月地灵龛在哪_第一个 游戏攻略"></div>
            <p>《原神》璃月地灵龛位置分享 璃月地灵龛在哪_第一个 游戏攻略</p>
            </a> </li><li> <a href="/youxi/177873.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20220720/4bfj2tghekk.jpg" alt="《原神》海岛活动莫娜秘境宝箱和海螺收集攻略_第一个房间 游戏攻略"></div>
            <p>《原神》海岛活动莫娜秘境宝箱和海螺收集攻略_第一个房间 游戏攻略</p>
            </a> </li><li> <a href="/youxi/177816.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20220719/cwonv4pjr0w.jpg" alt="《原神》亘古的苍星秘境宝箱全收集攻略_第一个房间（共3个） 游戏攻略"></div>
            <p>《原神》亘古的苍星秘境宝箱全收集攻略_第一个房间（共3个） 游戏攻略</p>
            </a> </li><li> <a href="/bijiben/65567.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20211007/wo01hxbjnt4.jpg" alt="惠普ZBook Firefly 15 G8工作站评测：你距离爆款只差一个它"></div>
            <p>惠普ZBook Firefly 15 G8工作站评测：你距离爆款只差一个它</p>
            </a> </li><li> <a href="/youxi/177190.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20220701/20opfe3x0gl.jpg" alt="《王者荣耀》装备攻略 强控英雄的克星"炙热" 游戏攻略"></div>
            <p>《王者荣耀》装备攻略 强控英雄的克星"炙热" 游戏攻略</p>
            </a> </li><li> <a href="/youxi/2021-04-13/50905.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20210413/pec4z2ubwza.jpg" alt="和平精英学会大局观 做一个不让司机头疼的三好队友 游戏攻略"></div>
            <p>和平精英学会大局观 做一个不让司机头疼的三好队友 游戏攻略</p>
            </a> </li><li> <a href="/youxi/2021-04-13/49402.html">
            <div class="img"><img src="https://www.iwyv.com/d/files/20210413/0bw2dhi0fud.jpg" alt="和平精英什么手机可以开HDR极限帧 极限帧率怎么开启 游戏攻略"></div>
            <p>和平精英什么手机可以开HDR极限帧 极限帧率怎么开启 游戏攻略</p>
            </a> </li>        </ul>
      </div>
      <div class="post_comments">
        <div id="comment">
<link href="/skin/ecmspl/css/pl.css" rel="stylesheet">
<div class="showpage" id="plpost">
<table width="100%" border="0" cellpadding="0" cellspacing="0"  style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;">
<tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr>
</table>
<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您没什么话要说吗？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script>
<form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<script src="/e/pl/loginjspl.php"></script>
<textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!">

验证码：