HTML5 语义化最佳实践

参考:
Are you Writing Accessible HTML?
HTML5 语义化 w3cplus

HTML5 语义化最佳实践

最佳实践

  • 使用 a 标签代替点击行为的 span 标签
  • 使用 button 标签作为按钮
  • 在表单元素中使用 label
  • 所有的 img 标签都应有有 alt 属性描述图标本身
  • 修饰作用的 imgloading.gif 应有用空的 alt="" 属性
  • 焦点管理 - 使用 tabindex 控制 tab 键切换焦点的顺序 - 将 tabindex 置为 -1 可以避免 tab 键获取焦点

新元素

mark

mark 元素对其内容赋予任何重要性,仅仅是突出显示。用于替代 emstrong

time

meter

元素可用于测量的标记,提供测量的最大值和最小值进行测量值的缩放。

progress

figure 与 figcaption

figure 元素标记文档中的一个图像
figcaption 元素被用来为 figure 元素定义标题。