Question

<!-- beginning of main-container  -->
<div class="main-container">
  <main>
    <section>
      <h3>Featured Stories</h3>
      <figure>
        <a href="#"><img src="bird-story.jpg" alt="A red-flanked bluetail roosting on the grounds of Library" title="A red-flanked bluetail roosting on the grounds of Library" /></a>
        <footer>
          <a href="#"><h4>Rare bird attracts crowds</h4></a>
          <figcaption>A red&dash;flanked bluetail roosting on the grounds of Library is popular with birders&period;</figcaption>
        </footer>
      </figure>
    </section>
  </main>
</div>
<!-- end of main-header -->

我读到HTML应该是语义上的意思，您应该描述内容的含义而不是其外观。你们认为我过分吗？有时，当我尝试对其进行样式设置时，这会使我感到困惑。

Answer 1

具有太多的嵌套元素也不错。坏的是有太多不必要的元素。拥有不必要的元素将增加您的DOM，并且会降低DOM操作的速度。

在您的html中，

如果只有1个部分，则可以删除部分标签在主要中。
在 a 中包装 h4 是无效的html语义（内联块元素中的块级别元素）。应该用过相反（在 h4 内的 a ）
footer 标签。但同样，这取决于如何您需要非常关注 figcaption w.r.t seo。

绝对没有这样的规则，编写HTML时要有一个视角。

Answer 2

HTML与我从中学到的结构有关。也许尝试将您的html分隔开以使其更易于阅读（相信我，从长远来看，这会在寻找小错误时节省时间）尝试使用某种文本编辑器将干净的html想法带入您的头脑总是有帮助的。同样也不太确定为什么要嵌入页脚标签，该标签通常用于版权材料等。如果您想减小文本的大小，请使用CSS。经验法则css外观html结构。

只需在要缩小的文本上添加一个id，然后在CSS中更改字体大小即可。避免使用不必要的页脚标记

<!-- beginning of main-container  -->
<div class="main-container">
  <main>
    <section>

      <h3>Featured Stories</h3>

      <figure>

        <a href="#"><img src="bird-story.jpg" alt="A red-flanked bluetail roosting on the grounds of Library" title="A red-flanked bluetail roosting on the grounds of Library" /></a>
        <a href="#"><h4>Rare bird attracts crowds</h4></a>
        <figcaption id = "Smaller text" >A red&dash;flanked bluetail roosting on the grounds of Library is popular with birders&period;</figcaption>

      </figure>

    </section>

  </main>

</div>
<!-- end of main-header -->

Answer 3

实际上，标签嵌套级别没有限制，这只是良好做法的问题。维护具有多个级别的代码可能会导致您一时难以做。

Answer 4

这取决于您要实现的目标。有时最好再添加一个div，以节省几行代码。如果从头开始项目，请从开始的那一行开始，然后再继续，例如引导项目，则应写出收到的方式。

Answer 5

HTML的目标是以语义和有意义的方式显示数据。嵌套是描述元素之间的层次结构的一种方法：文章包含标题和几段；表包含行，行包含单元格；列表包含项目。

您应该以表示 data 与网站各部分之间关系的方式设计HTML，并避免添加主要用于样式设计的标记。只要每个嵌套的项目有嵌套，那么你可以自由地窝就像你喜欢一个有意义的原因。问问自己，父标签是否包含子标签是否有意义，或者是否应将其作为同级标签。

对许多嵌套元素来说不好吗？

5 个答案: