语义按钮标记

Question

好奇如何通过HTML标记以下内容。不确定它是否是一个列表，如果它应该是单独的div（可能是跨度？）或导航（html 5）。

最左边的按钮是独立的。然后是中心的标题。然后是一个按钮组（后退/下一个）。然后是最右边的按钮（通知）。

所有按钮和标题均参考其下方的内容并对其进行操作。

button         Title of page below      button(back) button(next)       button  

Answer 1

如果是导航并且您希望它是语义的，则应将其包装在nav标记中。 Nav标记仅为HTML5，但在语义上描述了导航。我会这样构造它：

<nav>
    <ul>
        <li><a href="#">Button</a></li>
        <li><h1>Title</h1></li>
        <li><a href="#">Back</a></li>
        <li><a href="#">Next</a></li>
        <li><a href="#">Button</a></li>
    </ul>
</nav>

最好使用锚标签进行导航，并将它们设计为合适的样式。您应该使用<h1>作为标题，因为它应该是最重要的标题。