HTML标签和属性的使用不止关系到 SEO,它还涉及到其他方面:
- 代码可维护性。比如页面中的标题,用
<h3> 肯定比 <div class="title">更简洁,更容易明白这部分代码表示的是什么。 - 无障碍性:
- 比如一个对操作效率要求比较高的系统中,用键盘操作是很常见的。一个
<button>我们可以让它focus,用户按enter键就相当于点击它。很如果用一个普通的<div>就没办法做到(也可以用tabindex和aria相关属性)。 - 再比如一个下拉选择框,用
<select>或aria属性读屏软件可以识别出来哪些是选项,如果随意使用标签就无法识别了