使用原生html元素vs css

Question

我正在研究一些拥有大量内联样式的遗留PHP代码,我们的目标之一是利用CSS,以便代码更清晰.让我思考的一件事是使用原生的html元素VS使用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.

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