Html 在UL标签中使用多个标题的最佳实践是什么

我正在用一个

标记构建这个菜单，它将有一个标题，然后是相应的菜单。我想知道这类任务和SEO的最佳实践是什么

我想：

<ul>
   <li><h2>Books</h2></li>
   <li>Portuguese</li>
   <li>Italian</li>
   <li><h2>Movies</h2></li>
   <li>Indonesia</li>
   <li>Thailand</li>
</ul>

书
葡萄牙人
意大利人
电影
印度尼西亚
泰国

以及：

书籍

葡萄牙人
意大利人

影视

印度尼西亚
泰国

---

有更好的方法吗？如果不是，这两种方法中哪一种更好，为什么？

第二种方法，因为第一种方法将呈现无序列表中的

h2

元素。另一个原因是第二个更干净，更容易管理您拥有的东西。

两者混合使用更好：

<ul>
    <li>
       <h2>Books</h2>   
       <ul>
           <li>Portuguese</li>
           <li>Italian</li>
       </ul>
    </li>
<ul>

书

葡萄牙人
意大利人

---

这样做更容易，更具互动性。看看。

我认为第二种方式更好，因为第一种方式意味着标题将显示为列表项。另外，请确保正确关闭末端标签。

。看看这个问题：我会在

ul

下使用

h2

标签（不在

li

）。选择它们也更容易。我认为你应该使用

而不是ul。因为

技术上是为导航菜单创建的。Ul曾是标准的imhot这是一项民意调查，或“主要基于意见”，因此脱离主题。

<ul>
    <li>
       <h2>Books</h2>   
       <ul>
           <li>Portuguese</li>
           <li>Italian</li>
       </ul>
    </li>
<ul>