指令中按钮、选项类文本的HTML元素与CSS样式选择咨询
2026-8-6
操作指令里关键词的HTML元素选择指南
结论先行
像操作指令里的「Download」「Save link as」这类核心操作项，优先用<code><strong></code>标签，别用纯CSS样式或者<code><b></code>标签。
为啥这么选？
- 语义优先：
<code><strong></code>的本质是强调内容的重要性，操作指令里的这些词是用户必须盯紧的关键步骤，用它能让屏幕阅读器等辅助工具识别出这是重点内容，符合网页可访问性要求；而<code><b></code>只是单纯让文字变粗，没有任何语义信息，属于过时的纯视觉标签。 - 样式适配：
<code><strong></code>默认就会被浏览器渲染成加粗效果，刚好满足操作指令里突出关键词的视觉需求，不用额外写<code>font-weight: bold</code>的CSS（要是想自定义样式，在<code><strong></code>标签上叠加CSS就行）。 - 别选斜体：
<code><em></code>或者<code>font-style: italic</code>是用来强调语气的，操作指令不需要语气上的侧重，要的是操作重点的突出，所以斜体完全不适合这里。
正确写法示例
进入页面 > 右键点击Download > Save link as
内容的提问来源于stack exchange，提问作者Mori
相关产品推荐
相关产品推荐
