Question

我听说哪种解决方案对html5是正确的所有这些都应该在标签中吗？

 <body>
       <button aria-label="Close" class="burger">
           <span></span>
           <span></span>
           <span></span>
       </button>
      <div aria-label="Close" class="burger">
           <span></span>
           <span></span>
           <span></span>
       </div>
    </body>

Answer 1

虽然两者都可以使用，但是按钮似乎是标准配置，因为它在移动设备或交互式设备上确实充当按钮。

您可以在实践中看到WordPress的Bootstrap和_s主题，似乎都喜欢按钮。

如果您转到_s框架上的Automattic的demo themes之一，则可以在移动设备预览时进行检查以查看以下内容：

<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
    <svg class="icon icon-bars" aria-hidden="true" role="img"> <use href="#icon-bars" xlink:href="#icon-bars"></use> </svg><svg class="icon icon-close" aria-hidden="true" role="img"> <use href="#icon-close" xlink:href="#icon-close"></use> </svg>Menu   </button>

我希望这会有所帮助！

切换栏div或<button>

1 个答案: