Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Section</strong></p> <blockquote> <p>The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content. The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.</p> </blockquote> <p><strong>Article</strong></p> <blockquote> <p>The article element represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.</p> <p>When article elements are nested, the inner article elements represent articles that are in principle related to the contents of the outer article. For instance, a blog entry on a site that accepts user-submitted comments could represent the comments as article elements nested within the article element for the blog entry.</p> </blockquote> <p>Straight from the W3 <a href="http://www.w3.org/html/wg/drafts/html/master/sections.html" rel="nofollow">http://www.w3.org/html/wg/drafts/html/master/sections.html</a></p> <hr> <p>In their example, they have an <code>article</code> nested within a <code>section</code> within an <code>article</code>. I would say you are definitely using it correctly.</p> <pre><code>&lt;article&gt; &lt;header&gt;&lt;/header&gt; &lt;section&gt; &lt;h1&gt;&lt;/h1&gt; &lt;article&gt;&lt;/article&gt; &lt;article&gt;&lt;/article&gt; &lt;/section&gt; &lt;/article&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload