Question

标题后面有一个带滑块的主页。滑块下方是其他内容部分。

我不确定如何构建我的文档。我应该在哪里放置h1，我可以有多个h1代码吗？

将h1标记用于横幅标题或横幅标题是否是一种好习惯？

问题是某些设计很难正确记录结构。

<body>
    <div class="slider-wrapper">
        <div class="slide">
            //some text - image in background
        </div>
        <div class="slide">
            //some text - image in background
        </div>
        <div class="slide">
             //some text - image in background
        </div>
    </div>

   <div class="client-wrapper">
        <h2>Our Clients</h2>
        <div>
          Client Logos
        </div>
  </div>
  ....
</body>

Answer 1

通常可能有很多h1代码，但从结构上来说，如果只有一个h1可能会更好。您可以使用CSS修改标题h1的{{1}}，如果您在其中有font-size标记。像那样：

HTML：

header

CSS：

<header>
  <h1>My awesome page!</h1>
</header>
<h1>Thing I want to talk about today</h1>

Answer 2

没有要求您只有1个h1标签（see the example in the WHATWG doc here），但许多设计师将h1保留到页面标题，使用较低级别的标题子标题。我建议只在页面上放一个。

H2，H3，等等。默认情况下，它将小于h1。虽然你可以使用多个带有类属性的h1标签来将CSS定位到不同的标题，但我强烈反对这一点，使用 h2，h3等代替。

我不清楚在这种情况下“横幅标题/标题”究竟是什么意思。

Answer 3

我应该在哪里放置<h1>？

<h1>元素通常用于标记文档的主标题，因此...... <h1>元素通常会出现在可视化显示文档顶部附近。

在源代码加注中，您可以在技术上将<h1>置于任意位置，因为 CSS 中的position: fixed或position: absolute足以显示元素靠近可视文档顶部的地方。

正常但<h1>开始后，<body>很快会出现h-something。

我可以拥有多个h1标签。

大黄蜂的巢穴。是你可以，，但 ......

这可能是不可取的。

关于文档结构和标题如何在HTML5中工作的最佳单篇文章以及实际上在实践中的实际工作：

The HTML5 Document Outline is a dangerous fiction Steve Faulkner

将h1标签用于横幅字幕或横幅是一种好习惯吗？标题？

对于整个文档中的各种标题和类似标题的元素，使用<figure>元素是很好的。请记住，虽然有些元素有自己的原生标题元素。

<figcaption>使用<table>

<caption>使用void

我们可以有多个h1标签，并使它们的尺寸比其他标头小吗？

3 个答案: