Html 在一个<；第条；，可以<；图>；语义上可以放在里面<；标题>；？

假设我有这个

<article>
    <header>
        <h1>Article title</h1>
        <p>Article kicker</p>
        <figure>
            <img class="featured-image" src="http://article.com/featured/image.jpg">
        </figure>
    </header>
    <div class="content">
        <p>Bla bla</p>
        <p>Bla bla</p>
    </div>
    <footer>
        <p>About author</p>
    </footer>
</article>

文章标题
物品踢者

布拉布拉

布拉布拉

关于作者

将

放在

内在语义上正确吗

规范将

定义为：

一种自包含的内容单元，可选带有标题， 它通常被称为来自主流程的单个单元 文件

---

如果把它放在

里面，会不会使

属于

的头部，而不是属于

本身？我试着四处看看，但没有找到答案。

这个数字仍然是文章的一部分。它恰好位于文章标题中，如果您的数字实际上是文章标题的一部分，而不是文章的主要内容，那么这是很好的

如果你问的是分段问题，

和

不是分段元素，因此该图仍然是本文提纲的一部分。也就是说，删除或注释掉

和

标记：

<article>
    <!-- header -->
        <h1>Article title</h1>
        <p>Article kicker</p>
        <figure>
            <img class="featured-image" src="http://article.com/featured/image.jpg">
        </figure>
    <!-- /header -->
    <div class="content">
        <p>Bla bla</p>
        <p>Bla bla</p>
    </div>
    <!-- footer -->
        <p>About author</p>
    <!-- /footer -->
</article>

文章标题
物品踢者

布拉布拉

布拉布拉

关于作者

---

结果与大纲相同。

次要细节，但您缺少一个figcaption，因为您的img没有alt属性。@BoltClock有趣。但这并不能阻止图形同时具有图像中的alt和figcaption，对吗？不，您仍然可以同时具有二者-figcaption提供图像的描述，而alt文本用于替换图像不可用时的文本。它们可以是相同的文本，也可以是不同的文本，具体取决于您希望如何反映alt文本。这里有一个例子：谢谢你的澄清！我猜一个特色图片应该在标题中，而不是在文章内容中，对吗？@deathlock:听起来不错。我不知道我是否在人物元素中看到过特色图片。但这取决于你，为什么会这样？是因为特色图片不应该被拿走吗？