HTML5 部分或文章

Question

假设我的网站有这一部分（创建网上商店的项目）：

<section id="GraphicsCards">
        <h2>Graphics Cards</h2>
        <section>
            <h3>Radeon GPUs</h3>
            <section>
                <h4>ASUS Dual Radeon RX 7800 XT OC</h4>
                <p>1x HDMI, 3x DisplayPort, RDNA 3</p>
                <img src="../media/GPUs/rx7800xt.png" alt="rx7800xt">
                <p class="price">Price: € 549.00</p>
                <a href="./p_RX7800_details.html">More details</a>
            </section>
        </section>

        <section>
            <h3>Nvidia GPUs</h3>
            <section>
                <h4>GIGABYTE GeForce RTX 4060 EAGLE OC 8G</h4>
                <p>2x HDMI, 2x DisplayPort, DLSS 3</p>
                <img src="../media/GPUs/rtx4060.png" alt="rtx4060">
                <p class="price">Price: € 349.00</p>
                <p>More details</p>
            </section>
        </section>
    </section>

更改文章中的任何内容是否有任何用处，还是我应该保持原样？我仍然有点困惑我应该使用哪一个。

研究了一些，但仍然很困惑，我可以同时使用两者，但我想确保它是正确制作的，以便当我继续研究它并使用 CSS 时，它可以正确设计。

Answer 1

<section>

和

<article>

之间的主要区别在于后者...

...表示文档、页面、应用程序或站点中的独立组合，旨在可独立分发或可重用（例如，在联合组织中）。示例包括：论坛帖子、杂志或报纸文章、博客条目、产品卡、用户提交的评论、交互式小部件或小工具或任何其他独立的内容项。

— MDN Web 文档：文章内容元素

你现在所拥有的就已经很棒了。

或者，如果您希望单个规范可独立分发或可重用，您可以将那些最里面的

<section>

元素转换为

<article>

元素。两种方法都是有效的 HTML 并且语义上合理。在这种情况下，这在某种程度上是您作为作者的判断。

就我个人而言，由于这些规范块是独立的，并且如果将它们从页面中剪出以独立存在，则可以完全有意义，因此我倾向于使用

<article>

。但这取决于解释和作者的意图。