以下哪个html标记更正确_Html_Markup_Web Crawler_Html Heading

以下哪个html标记更正确

html web-crawler

以下哪个html标记更正确,html,markup,web-crawler,html-heading,Html,Markup,Web Crawler,Html Heading,在我的页面中，每个品牌都有一个HTML标记，如下所示 <ul> <li> <a title="mallname" href="/brand/mallname"> <div class="image"> <img src="/Images/mallname.png" alt="mallname" /> </div>

在我的页面中，每个品牌都有一个HTML标记，如下所示

<ul>
    <li>
        <a title="mallname" href="/brand/mallname">
            <div class="image">
                <img src="/Images/mallname.png" alt="mallname" />
            </div>
            <div class="title">
                <h2>mallname</h2>
            </div>
        </a>   
    </li>
</ul>

哪一种编写方法更正确？在这两种情况下，

爬虫

将读取

标题

的结果是什么

如果在第一个标题中，

标题

内容仅为

mallname

，那么第二个标题会被解读为

mallname mallname

，因为

超链接

中有

标题

属性，而

标题

中的

图像

中有

alt

属性

下面是

列表项的一个结果
在的内部应该有标记，因此我认为第一个标记更正确，如果你仔细观察内部的元素的话。
将
设置为显示：块
第一个标记是正确的。
您缺少了
标记，这些标记是
-标记的父级所必需的
假设您要添加缺少的
-标记：
不允许作为
的子元素，这样会将第二个版本呈现为不好=>第一个版本是“更正确的”
测试，我冒昧添加了缺失的
的强制父项，doctype为HTML5:
为这一项提供绿灯：
<!DOCTYPE HTML>
<html><head><title>tets</title></head><body>
<ul><li>
    <a title="mallname" href="/brand/mallname">
        <div class="image">
            <img src="/Images/mallname.png" alt="mallname" />
        </div>
        <div class="title">
            <h2>mallname</h2>
        </div>
    </a>   
</li></ul>
</body></html>

<!DOCTYPE HTML>
<html><head><title>tets</title></head><body>
<h2><ul>    
    <li>
        <a title="mallname" href="/brand/mallname">
            <div class="image">
                <img src="/Images/mallname.png" alt="mallname" />
            </div>
            <div class="title">
                mallname
            </div>
        </a>   
    </li>
</ul></h2>
</body></html>


河豚



将上述错误赋予此错误：
<!DOCTYPE HTML>
<html><head><title>tets</title></head><body>
<ul><li>
    <a title="mallname" href="/brand/mallname">
        <div class="image">
            <img src="/Images/mallname.png" alt="mallname" />
        </div>
        <div class="title">
            <h2>mallname</h2>
        </div>
    </a>   
</li></ul>
</body></html>

<!DOCTYPE HTML>
<html><head><title>tets</title></head><body>
<h2><ul>    
    <li>
        <a title="mallname" href="/brand/mallname">
            <div class="image">
                <img src="/Images/mallname.png" alt="mallname" />
            </div>
            <div class="title">
                mallname
            </div>
        </a>   
    </li>
</ul></h2>
</body></html>


河豚




在第一个示例中，h2
没有描述li
的内容。在下一个标题开始之前，本标题范围内的所有内容都在后面。因此，事实上，前面的标题将描述以下内容，等等。当在列表中使用标题而不分段元素时，总是会出现此问题
在第二个示例中，h2
可能包含的内容超过了它应该包含的内容（两倍于“mallname”；title
属性中的内容不被视为标题内容的一部分）。但这里的实际内容是什么？只有一个标题，似乎没有意义
您的alt
内容可能不正确/不有用。当它与相应的标题完全相同时，您可能应该使用空的alt
值。但是，图像很可能代表标题之外的内容：在alt
内容中描述这一点
在title
属性中复制标题内容似乎也没有意义。仅将其用于其他有用（但不是必需）的内容
因此，您应该使用其他方法：剖切元素。从屏幕截图判断，文章
可能是合适的（如果不合适，请使用部分
）
通过使用像article
这样的剖切元素，标题不必放在顶部
<ul>
  <li>
    <article>
      <a href="/brand/mallname">
        <img src="/Images/mallname.png" alt="Mallname offers … and …. It’s ….">
        <h2>mallname</h2>
      </a>
    </article>
  </li>
</ul>

你的测试告诉了你什么结果？@Fildor，你说我的测试是什么意思？目前，我正在使用live环境中的第一个，但当被告知使用另一种编写方式时，我不知道该使用哪一个。你刚刚试过吗？然后你应该看看结果是什么，并决定它是否是你想要的。如果两者都是有效的html，那么给出想要的输出就更正确了，对吗？@Fildor我使用第一个html已经6个月了，结果（ui）都是一样的。因此，两种编写方法都是有效的，但是对于第二种方法，标题
中的爬虫程序会是什么，它只是div
中的文本，还是标题
和alt
属性也会被视为标题
？这对搜索引擎优化有什么影响吗？啊，现在我明白了。我完全误解了这个问题，对不起。对不起，这是一个打字错误，
标记不在标题
的范围内，编辑了这个问题，为什么你不使用实际的代码，而不是键入你所拥有的大致近似值？这是一个很好的方式来烦扰其他用户@李：嗯，很抱歉。这是我在第一个代码中的实际代码，即使它从任何不必要的长属性中剥离。至于第二个代码，我想知道哪种方法更好，所以在
和
之间有我的输入错误，因为我的实际代码使用的是第一个。再次为我的错误道歉。好的。。现在，您更改了问题的HTML内容，因此此答案不再有效。很抱歉，下次应该更仔细地键入。感谢您的澄清，如果我的页面仅包含带有建议标记的列表项
，对每个项目使用文章
或部分
是否合适，使用
或
是否更好，并且在一个页面中有多篇文章
是否可以，因为我的页面（动态）
平均包含350个带有这些标记的项目
@Kyojimaru：如果它只是一个链接列表（带或不带非基本图像），不要对每个条目使用分段元素（这是我的第二个示例）。如果每个条目都包含内容（这是我的第一个示例），则可以使用h1
或适当的标题级别（h2
-h6
）。一个页面上可以使用多少文章
元素没有限制，但对用户来说肯定有一定的限制，超过这个限制后就很难使用/阅读，对吗？