The W3C validator (Wikipedia) does not like the use of self-closing tags (tags ending in "/>") on non-empty elements. (Empty elements are those that never contain any content.) Are they still valid in HTML5?

Some examples of accepted empty elements:

Some examples of rejected non-empty elements:

   </pre> <sub> <b>Note: </b> <p><br /></p><p> The W3C validator actually accepts empty self-closing tags: the author initially encountered the problem because of a simple typo (using <code>></code> instead of <code>/></code> ;); However, self-closing tags are not fully valid in HTML5, and the answer elaborates on the issue of self-closing tags in different HTML versions. </p></sub>
     </div>
     <div class="share flexRow">
      <div class="shareReply flexColumn shareDiv">
       <a href="javascript:;"><img class="sharerImg" src="//m.sbmmt.com/static/images/images/icon50.png" data-id="1"></a>
       <span class="sharerSpan">2</span>
      </div>
      <div class="shareLike flexColumn shareDiv" onclick="ask_comment_good(170404)">
       <a href="javascript:;"><img class="sharerImg" src="//m.sbmmt.com/static/images/images/icon52.png" data-id="2"></a>
       <span class="sharerSpan">0</span>
      </div>
      <div class="shareLDz flexColumn shareDiv dzdiv dzdiv1 askgoodICollection" data-id="170404">
       <a href="javascript:;"><img class="sharerImg " src="//m.sbmmt.com/static/images/images/icon37.png" data-id="5"></a>
       <span class="sharerSpan">0</span>
      </div>
     </div>
     <div id="commentinput" class="info detail-comment-input layui-hide-sm">
      <div class="detail-ci-avator">
       <img src="//m.sbmmt.com/static/images/user_avatar.jpg" alt="P粉680487967">
       <div class="detail-r">
        <span class="detail-name">P粉680487967</span>
        <p class="detail-signal"></p>
       </div>
      </div>
      <div id="js-reply-wrap">
       <div id="js-reply-editor-box" class="wd-comment-box js-ci-inner edui-imooc"></div>
       <div class="qa-ci-footer">
        <div class="qa-ci-footright">
         <button id="js-wenda-ci-submit" class="detail-btn" data-qid="170404">reply</button>
        </div>
       </div>
      </div>
     </div>
     <div id="pinglundeplace" class="allReply ask-reply-all-list comments-content">
      <div class="arTop flexRow">
       <div class="artLeft flexRow fontBold fontColor1">
        reply all
        <b class="artlb colorGrey">(2)</b>
       </div>
       <button class="artBtn ask-comment-answer gbaskcommentanswer">I'll reply</button>
       <button class="artBtn ask-comment-answer gbaskcomment">Close</button>
      </div>
      <div class="allReplayLine"></div>
      <div class="wdsyConDiv flexRow ask_top_ul">
       <img src="//m.sbmmt.com/static/images/user_avatar.jpg" alt="P粉762730205" class="wdcdImg">
       <div class="wdcdContent flexColumn">
        <div class="wdcdContentReply">
         <div class="wdxqrcTop flexRow">
          <a href="//m.sbmmt.com/member/1271912.html" target="_blank" class="wdcdcName">P粉762730205<b class="wdxqRcT colorGrey">2023-08-22 12:17:28</b></a>
          <span class="wdxqrcTopspan colorGrey">2 floor</span>
         </div>
         <div class="wdcdcCons">
          <p>Self-closing divs will not be validated. This is because div is a<strong>normal element</strong>, not an<strong>empty element</strong>.</p>
          <p>According to the<a href="https://html.spec.whatwg.org/multipage/syntax.html" rel="noreferrer">HTML5 specification</a>, tags that cannot contain any content (called<strong>empty elements</strong>) can be self-closing*. This includes the following tags:</p>
          <pre class="brush:php;toolbar:false;">area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr</pre>
          <p>The "/" on the above tag is completely optional, so<code><img/></code>is no different from<code><img></code>, but<code><img> ;</img></code>is invalid.</p>
          <p>*Note:<strong>External elements</strong>can also be self-closing, but I think that's outside the scope of this answer.</p>
         </div>
         <div class="wdcdcInfo flexRow">
          <a href="javascript:ask_reply_good(253562)"><img class="wdxqindz" src="//m.sbmmt.com/static/images/images/icon27.png"></a>
          <span class="wdxqindzspan">Like<b>+0</b></span>
          <div class="wdcdcileft">
           <a href="javascript:;" class="wdcdciSpan reply openreply">Add Reply</a>
           <a href="javascript:;" class="wdcdciSpan reply closereply" style="display:none">关闭回复</a>
          </div>
         </div>
         <div class="wdcdContentReplyss" style="display: none;">
          <div class="reply textarea-con">
           <div class="replyTop flexRow">
            <div class="retLeft flexRow">
             <img src="//m.sbmmt.com/static/images/user_avatar.jpg" class="retlAvatar">
             <span class="retlName">P粉680487967</span>
            </div>
           </div>
           <textarea class="replaytext colorGrey" id="release-reply" placeholder="Write down your reply">
           reply