Question

我想用正确的semnatic创建一个模板。我正在利用角色。现在我需要像背景图像的div那样的东西。我不能把它放在身体里，因为它必须站在页脚上。带徽标的标题需要具有背景。我该如何命名并放置该div？

HTML

<header role="banner">
    <h1>My Logo</h1>
</header>
<div class="background">
<main role="main">

</main>
 </div>
<footer></footer>

Answer 1

如果你想拥有“语义”的东西，对于那个类，我认为最好使用像“wrapper”或“main”这样的东西作为最大父块的div / block。 “背景”类意味着什么，但不是你的块的功能。写出语义，意味着你写了一些解释/描述内在的东西。

我宁愿改变代码：

<main //put your background on this tag>
<article>
//and make use of others semantic tags : article / section ....
</article>    
</main>