我可以将样式元素添加到语义标签吗？

Question

是否可以将 css 样式添加到语义元素，如

<article style="font-size:1.2em; color:#ccc>text text </article>

这会不会给我带来麻烦，我应该使用

<div style="font-size:1.2em; color:#ccc>  
<article>text text </article>
</div>

Answer 1

使用 类 比将样式硬编码到 HTML 中要好得多。这允许将内容与表示分离，并且更容易进行更改。所以我会推荐像

这样的东西

.article {
    font-size:1.2em; 
    color:#ccc;
}

和

<article class="article">text text </article>

Answer 2

只要浏览器支持 HTML5 标签，您就可以毫无问题地将 css/styles 设置为任何标签，这是 HTML5 的要求。 More info here

Answer 3

是的，只要它是一个 HTML/HTML5 标签，您绝对可以向语义 HTML 元素添加 类 或样式。

您可以参考以下链接以获取 HTML5.

中的新语义元素列表

• https://www.w3schools.com/html/html5_new_elements.asp
• http://www.tutorialrepublic.com/html-reference/html5-tags.php

Answer 4

当您使用屏幕reader时，它会聚焦于选定的语义标签。关于如何使用这些语义标签，您可能只需要知道这些。

话虽如此，添加页边距没有意义，因为您通常希望直接关注内容。但其他风格完全没问题。只要您不使用它们代替边距，即使填充也可以。