HTML - 显示图像/图标/用户界面元素的语义方式?

Sve*_*ven 5 html semantic-markup user-friendly semantics

是否存在语义正确且不正确的显示图片/图标的方式?
我的意思当然是将报纸文章的所有图片都包含在背景图片中并不是非常友好,因为这样,屏幕阅读器无法读出alt文本,但图标或用户界面元素呢?从语义导向的观点来看,将这些作为背景图像包含在内是否合理?

Mat*_*ski 6

有一些语义正确和不正确的方式显示不同类型的图像.

  • 普通图像最好使用标准<img>标签,因为它们通常是网站的主要内容.这些应该有alt标签,以告知用户有关内容的重要部分.
  • 图标是一种图像,不是您网站的主要内容,但也应使用<img>标记显示,因为如果显示不正确,可用性显示特定图标的功能非常重要.
  • 不重要的图片使网站很好,不是网站的主要内容应该显示为背景,因为那样你就不会在你的网站中使用不必要的节点DOM.