1

我只是从 HTML5 和 CSS3 开始。我的设计包括顶部的标题横幅。也就是说，标志和横幅图像都在一个横幅中。

现在，在 HTML5 中，我该如何编码呢？

<header>
<figure></figure>
</header>

或者 

<header>
<div>Image Header Banner</div>
</header>
4

2 回答 2

4

根据您的描述，您不会<figure>在此处使用，因为您只需要添加徽标/图像。

<figure>当您需要使用标题对图像进行分组时使用该元素。

来自w3.org

figure 元素表示一个内容单元，可以选择带有标题，它是自包含的，通常作为单个单元从文档的主要流程中引用，并且可以从文档的主要流程中移开而无需影响文档的意义。

相反，您可以使用<img />标签放置图像<header>

<header>
 <img />
 <img />
</header>

或包裹在<div>容器中 - 取决于您的需要。

另外，请查看有关元素的这篇文章<figure>，特别是在文章末尾说：

<figure>但是，使用该元素可能并不总是合适的。例如，图形横幅不应标有<figure>。相反，只需使用该<img>元素。

于 2013-08-08T09:05:56.367 回答
0 
<header>
    <figure>
        <img src="image" alt="Logo" />
    </figure>
</header>
于 2013-08-08T09:05:25.787 回答