我可以在语义标签中添加样式元素吗？

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

是的，只要它是一个HTML / HTML5标签，你肯定可以为语义HTML元素添加类或样式。

您可以在下面的链接中查找HTML5中新语义元素的列表。

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

Answer 3

只要浏览器支持HTML5标签，您就可以将css /样式设置为任何标签，这就是HTML5的要求。 More info here

Answer 4

使用屏幕阅读器时，它将集中在所选的语义标签上。就如何使用这些语义标记而言，这可能就是您所需要知道的全部。

话虽如此，但您通常不希望直接将重点放在内容上，而是增加页边距。但是其他样式也可以。只要您不将其用作边距的替代，即使填充也可以。