文档类型不允许元素问题

Question

在验证我的站点时，我得到了100个错误。我不想继续建造直到我完成这件事。我已经一字排开了，我不明白我为什么会有这些问题。粗略的草稿起始页在www.flynntec.com。一个示例错误：

文档类型这里不允许元素"h3“；假设缺少"li”开始标记XHTML1.0过渡

或

文档类型此处不允许元素"li“；缺少"ul”、"ol“、"menu”、"dir“开始标记XHTML1.0过渡性的元素。

紧接着是

所提到的元素不允许出现在放置它的上下文中；其他提到的元素是唯一允许的元素，并且可以包含提到的元素。这可能意味着您需要一个包含元素，或者您可能忘记关闭前一个元素。

产生此消息的一个可能原因是，您试图将块级元素(如"“或"")放入内联元素(如"”、"“或"")。

示例HTML：

<li class="menu_right"><a href="#" class="drop">Access</a>  

  <div class="dropdown_5columns align_right">

        <div class="col_5">  
          <h2>Microsoft Access</h2>  
        </div>  

        <div class="col_1">
        <img src="media/Access Logo.png" width="120" height="118" alt="Microsoft Access" />
         </div>  

        <div class="col_1">  
             <ul class="greybox"><h3>Beginner</h3><li><a href="#">Welcome to Access</a></li>  
                <li><a href="#">The Power of Access</a></li>  
                <li><a href="#">Intro to Databases</a></li>  
                <li><a href="#">Intro to Tables</a></li>
                <li><a href="#">Creating Forms</a></li>  
                <li><a href="#">More...</a></li>
          </ul>
        </div>
        <div class="col_1">  
            <ul class="greybox"><h3>Intermediate</h3><li><a href="#">Custom Queries</a></li>  
                <li><a href="#">Create Reports</a></li>  
                <li><a href="#">Primary Key Guide</a></li>  
                <li><a href="#">Filtering Quickly</a></li>
                <li><a href="#">More...</a></li>
          </ul>
        </div>  

        <div class="col_1">  
            <ul class="greybox"><h3>Advanced</h3><li><a href="#">Web Integration</a></li>  
                <li><a href="#">Advanced Forms</a></li>  
                <li><a href="#">Using Triggers</a></li>  
                <li><a href="#">Shortcuts</a></li>
                <li><a href="#">Expression Builder</a></li>  
                <li><a href="#">More...</a></li>
          </ul>
        </div>  

        <div class="col_5">  
            <h2>Additional Free Resources</h2>  
        </div>  

        <div class="col_3">  

            <img src="media/youtube-logo.jpg" alt="YouTube Picture" name="youtube" width="90" height="70" class="img_left imgshadow" id="youtube_logo_2" />  
            <p>Microsoft Access is an ideal small-business database engine. YouTube is a great source for Access guides. We have compiled the best, most popular Access tutorials from YouTube and put them here for your convenience. </p>  

          <br />
          <a href="http://office.microsoft.com/en-us/training-FX101782702.aspx" target="_blank"><img src="media/microsoft-logo__111129012732.jpg" alt="" name="microsoft" width="90" height="24" class="img_left imgshadow" id="microsoft_logo_2" /></a>  
            <p><a href="http://office.microsoft.com/en-us/training-FX101782702.aspx"  title="Microsoft Training" target="_blank">Microsoft has fantastic resources on their  website. Microsoft Training can be found here.</a></p>
</div>
</div>
</li>

是的，有开放和关闭UL's。

Answer 1

一些HTML元素只能包含某些其他HTML元素。UL只能包含LI元素，因此UL中的H3是一个错误。

要么将H3移出UL，要么将其放入LI中。

你想达到什么效果？

而且，即使您的网页认为它是XHTML，但您正在使用text/html MIME类型提供服务，因此浏览器将将其视为HTML。如果您真的想要XHTML，请确保MIME类型是application/xhtml+xml。但是，旧版本的IE不会显示它。

Answer 2

您不能有一个h3元素直接在ul -它需要在安莉，或在ul之前-应该已经修复了大多数验证错误.

Answer 3

正如错误明确声明的那样，HTML是无效的。

<ul>s只能(直接)包含<li>s。