移动端select下拉导航是否应包裹在<nav>标签中？

非常推荐把这个select形式的移动端导航包裹在<nav>标签里，原因很直接：

• 语义化更明确：HTML5的<nav>标签就是专门用来标记网站的主要导航区块的，不管是传统的列表式菜单，还是这种适配移动端的下拉选择框，只要是用来跳转站点内不同页面的导航功能，用它包裹后，浏览器、屏幕阅读器等辅助工具能立刻识别出这是导航区域，大幅提升无障碍访问体验。
• 对SEO更友好：搜索引擎爬虫能通过<nav>标签快速抓取到站点的核心导航结构，更快理解页面间的关联关系，这对站点的索引和权重分配有正向帮助。

另外给个小优化建议：可以给select加个aria-label属性（或者配合屏幕阅读器可见的隐藏标签），让使用辅助设备的用户更清楚这个下拉框的作用，比如：

<nav>
  <select aria-label="站点导航">
    <option value="" data-href="/somepage">Some page</option>
    <option value="" data-href="/anotherpage">Another page</option>
  </select>
</nav>

内容的提问来源于stack exchange，提问作者E-g