时间戳

首页 > 解决方案 > 切换栏 div 或

html - 切换栏 div 或

问题描述

当涉及到 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>

标签： html

解决方案

虽然两者都可以工作，但按钮似乎是标准，因为它在移动或交互式设备上确实起到按钮的作用。

您可以在实践中使用Bootstrap和 WordPress 的_s主题看到按钮似乎受到青睐。

如果您前往 Automattic 在 _s 框架上构建的演示主题之一，您可以在移动设备中预览时进行检查以查看以下内容：

<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>

我希望这有帮助！

推荐阅读