html - 使用 native html 元素与 css

Question

我正在处理一些包含大量内联样式的遗留 PHP 代码，我们的目标之一是利用 CSS 使代码更简洁。让我思考的一件事是使用原生 html 元素与使用 CSS，例如粗体和斜体。

例如，

<b>this is foo</b>

或者在 CSS 中

.bold { font-weight: bold;}
<span class="bold">this is foo</span>

虽然这两个做同样的事情，你们更喜欢哪一个，为什么？

Answer 1

始终在 HTML 标签可以为您的内容添加含义、结构或语义时使用它们。如果要写句子 I <strong>love</strong> cheese (“爱”这个词应该特别强调)，<strong>标签是正确的选择。 CSS 绝对不是可接受的解决方案。

始终在更改页面的视觉外观时使用 CSS。您页面上的标题标题是 <h1>...</h1> (故事结束)，但您可以使用 CSS 将其设置为粗体或不粗体、大体或小体、紫色或不使用 CSS。

一个很好的酸性测试是想象屏幕阅读器将如何解读您的页面。如果您在没有附加任何样式表的情况下查看页面，理想情况下它应该以线性、最小的方式显示您的内容，这实际上很丑陋，但它传达了您想要包含在页面上的所有内容。