现代Web应用中a标签是否不再适用于展示文本？React纯文本展示推荐什么标签

纯展示文本的标签选择方案 #

按照现代HTML语义化规范和React开发最佳实践，没有导航需求的纯展示文本不要使用<a>标签，你可以根据实际场景选择对应标签：

• 无特殊语义的行内文本：优先使用<span>标签，示例写法如下：

  <span>Here's some text</span>
  

  该标签无默认交互行为、无额外默认样式，完全适配纯文本展示需求，也不会触发可访问性相关的linter告警。
• 段落级的块文本：使用<p>标签，适合大段独立的文本内容，自带块级元素属性，语义明确。
• 带特殊语义的文本：可以选择对应语义的行内标签，比如需要强调内容用<em>、<strong>，标注补充说明用<small>等，比通用容器标签更利于屏幕阅读器识别，可访问性更好。

如果需要保留原<a>标签的视觉样式，只需要给对应标签加自定义CSS样式即可，完全可以实现相同的展示效果，同时符合规范要求。

内容的提问来源于stack exchange，提问作者coder-guy-2022