<分区>
我创建了一个自定义 H2 CSS 标记,为 H2 提供了完整的蓝色背景和内部白色字母。
现在我想在其中一些 h2 中添加自定义小图标。
例如我有一个名为Features的h2,现在我想在它前面添加一个小齿轮图标。
在以下方面进行的最佳方式是什么: - 搜索引擎优化:在我的 h2 中放置图像是否有问题 - 编码:我只是将它添加为 H2 标签内部,但现在图像未居中对齐(垂直)。
<分区>
我创建了一个自定义 H2 CSS 标记,为 H2 提供了完整的蓝色背景和内部白色字母。
现在我想在其中一些 h2 中添加自定义小图标。
例如我有一个名为Features的h2,现在我想在它前面添加一个小齿轮图标。
在以下方面进行的最佳方式是什么: - 搜索引擎优化:在我的 h2 中放置图像是否有问题 - 编码:我只是将它添加为 H2 标签内部,但现在图像未居中对齐(垂直)。
最佳答案
这可以通过在 h2 元素中添加 img 元素来解决。
但请记住,由于这是一张装饰图片,您需要有一个空的 alt 属性。更多信息:Accessibility Tip: Empty alt Attributes
<h2>
<img src="gear.svg" alt="">
Features
</h2>
提示:使用 flexbox 来垂直对齐图标和文本
h2 {
display: flex;
align-items: center;
}
关于html - H2 中的图像(每个 h2 唯一),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50177986/