为什么Google抓取工具和Markup Validator会将此视为错误？

Question

现在我试着找出为什么我从Markup Validation收到此错误（链接是对网站的实际验证。不要介意其中的其他错误，顶部<p>标记是问题目前，其他错误来自我尚未修复的数据库内容）和谷歌的网站管理员工具＆＃34;取用谷歌＆＃34;也讨厌它。我确信这是非常微不足道的。

验证员说：

  

＆＃34;范围内没有p元素，但看到了p结束标记。＆＃34;如你所见，我也有p元素。

Google抓取工具说：

我认为鲜红色是错误的，他们应该有一个颜色传奇...无论如何我也不明白itemtype的问题是什么。

实际代码：

<header>
    <h1>
        <a itemprop="url" href="http://www.rovarvadasz.hu/"><img itemprop="logo" src="/images/header_bg.png" alt="Rovar Vadász"></a>
    </h1>
    <div id="contact" itemscope itemtype="http://schema.org/LocalBusiness">
        <p>
            <ul>
                <li>Telefon: <span itemprop="telephone"><a href="tel:0616303958">06 (1) 630-3958</a></span></li>
                <li>Nyitvatartás: munkanapokon <time itemprop="openingHours" datetime="09:00">9</time>-<time itemprop="openingHours" datetime="16:00">16</time> óráig</li>
                <li>Fax: <span itemprop="faxNumber">06 (1) 240-1546</span></li>
                <li>Mobil: <span itemprop="telephone"><a href="tel:06204224558">06 (20) 422-4558</a></span></li>
                <li>E-mail: <a href="mailto:info@rovarvadasz.hu" itemprop="email">info@rovarvadasz.hu</a></li>
            </ul>
        </p>
    </div>
</header>

Answer 1

您的错误都很小但是由以下原因引起：

1）客户端会自动关闭p标记，因为它会点击<ul>标记，因此您的语句实际上是：

<p> ... </p> <ul> ... </ul> </p>

这是因为List元素不应该是Paragraph元素的子元素。因此，客户端浏览器会尝试修复此问题但仍有</p>左侧。

2）你的第75行itemprop不在你的div中，而是在你的header元素中的锚点。您的itemprop="logo"是免费的，不在任何物品范围内。

3）我还看到了其他错误，你的元素在HTML5上不需要/>关闭