在这种情况下如何创建megamenu？答案

【问题标题】：How to create a megamenu in this situation?在这种情况下如何创建megamenu？
【发布时间】：2015-03-25 19:22:47
【问题描述】：

<ul id="menu-main-menu">
    <li class="has-mega-menu">
        <a href="#">Getting Pregnant</a>
        <ul class="sub-menu">
            <h3>Topics</h3>
        </ul>
    </li>
    <li><a href="#">Pregnancy</a></li>
    <li><a href="#">After Pregnancy</a></li>
    <li><a href="#">New Born</a></li>
    <li><a href="#">New Parents</a></li>
</ul>

问题是h3 或p 不允许作为ul 的子代。在我的情况下，我需要在一些 lis 下方添加一个像“主题”这样的标题。 H这样做的最佳选择是什么？正确的？谢谢

【问题讨论】：

使用 span 标签而不是 h3。然后在 CSS 样式中将 span 标签看起来像一个 h3。
被<li>包围？ @dowomenfart 在<ul> 中是否允许<span>？
@IkoTikashi 将 span 放入 li stackoverflow.com/questions/17268834/…
@dowomenfart 我知道，但是使用 <span> 而不是 <h3>（如您所说）是不正确的，因为它周围没有 <li>。
热狗！错过了感谢您指出。

标签： html css

【解决方案1】：

找到解决方案：删除

<ul class="sub-menu">
     <h3>Topics</h3>
</ul>

并添加div。所以这种方式 w3c 将验证它。所以我们会有：

                    <ul id="menu-main-menu">
                        <li class="has-mega-menu">
                            <a href="#">Getting Pregnant</a>
                            <div >
                                <h2></h2>
                            </div>
                        </li>
                        <li><a href="#">Pregnancy</a></li>
                        <li><a href="#">After Pregnancy</a></li>
                        <li><a href="#">New Born</a></li>
                        <li><a href="#">New Parents</a></li>
                    </ul>

【讨论】：

【解决方案2】：

执行此操作的正确语义方法是为子菜单添加<section>：

<ul id="menu-main-menu">
    <li class="has-mega-menu">
        <a href="#">Getting Pregnant</a>
        <section class="sub-menu>
            <h3>Topics</h3>
            <ul>
                <!-- Items -->
            </ul>
        </section>
    </li>
    <li><a href="#">Pregnancy</a></li>
    <li><a href="#">After Pregnancy</a></li>
    <li><a href="#">New Born</a></li>
    <li><a href="#">New Parents</a></li>
</ul>

此外，如果您要在超级菜单的每个部分都有一个“主题”标签，您可能应该将其放在 span 中，并将类别的实际标题放在 h3 中。

来源：How to semantically add heading to a list

【讨论】：