StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHTML5 section tag meanings?
primarykey
Id
18741090
data
AcceptedAnswerId
18742247
AnswerCount
4
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-09-11T12:21:50.427
FavoriteCount
3
LastActivityDate
2017-11-08T15:56:07.100
LastEditDate
2013-09-11T13:17:17.033
LastEditorUserId
2059996
OwnerUserId
2059996
ParentId
0
PostTypeId
1
Score
14
ViewCount
1000
LastEditorDisplayName
text
Body
<p><strong>I know</strong> there are tons of questions about this topic but I can't find an authoritative source for the answer.</p> <p>This is the <a href="http://www.w3.org/TR/html5/sections.html#the-section-element" rel="nofollow noreferrer">official definition</a> and the <a href="http://www.w3.org/wiki/HTML/Elements/section" rel="nofollow noreferrer">wiki page</a>, and there there is <a href="http://www.w3.org/TR/html5/sections.html" rel="nofollow noreferrer">more documentation</a>, but there they don't explain the correct usage if not in a very simple examples or in different ways.</p> <p><strong>What I've "understood" so far:</strong> </p> <p><code><section></code> defines a part(section) of the page, like blogrolls, headlines news, blog entries list, comments list, and everything which can be with a common topic.</p> <p><code><article></code> defines a content which has sense estranged from the rest of the page (?) and which has a single topic (blog entry, comment, article, etc).</p> <p><strong>But</strong>, inside an <code><article></code>, we can split parts of it in sections using <code><section></code>, and in this case it has the function of container to mark chapters of a bigger text.</p> <p><br></p> <h2>The doubt</h2> <p>If these sentences are correct (or partially correct) that means that <code><section></code> has two completly different usage cases.</p> <p>We could have a page written in this way:</p> <pre><code><!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>Fruits</title> </head> <body> <h1>Fruits war blog</h1> <section id="headlineNews">  <h1>What's new about fruits?</h1> <article><h1>Apples are the best</h1>Apples are better than bananas</article> <article><h1>Apple's cakes</h1>With apples you can prepare a cake</article> </section> <section id="blogEntries">  <h1>Articles about fruits</h1> <article> <h1>Apples vs Bananas</h1> <section>  <h2>Introduction:</h2> Bananas have always leaded the world but... </section> <section>  <h2>The question:</h2> Who is the best? We don't know so much about apples... </section> </article> </section> </body> </html> </code></pre> <p>And this is how looks the Outline: </p> <pre><code>1. Fruits war blog 1. What's new about fruits? 1. Apples are the best 2. Apple's cakes 2. Articles about fruits 1. Apples vs Bananas 1. Introduction: 2. The question: </code></pre> <p>So the <code><section></code> is thought with two <strong>completly</strong> different and not related semantic meanings? </p> <p>Is it correct use:</p> <pre><code> <section>  <article> <section></section>  </article> </section> </code></pre> <p>in this neasted way?<br> I've found that <a href="http://www.w3.org/TR/html5/sections.html#article-example" rel="nofollow noreferrer">is possible</a> to use in the inversed way:</p> <pre><code> <article>  <section>  <article></article>  </section> </article> </code></pre> <p>But I can't find an answer to the way I've written below.</p> <p>I guess read the discussion where the W3C group has wrote the basis of the <code><section></code> tag could be useful but I can't find it.</p> <p><strong>N.B. I'm looking for replies documented with authorative sources</strong></p>
Tags
<html5>
Title
HTML5 section tag meanings?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USFez Vrasta
UserOwnerUserId
1. USFez Vrasta
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
2. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POHTML5 section tag meanings?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POHTML5 section tag meanings?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POHTML5 section tag meanings?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.