Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><del>Neither is correct. You should likely being using DIV's for both. <code>&lt;aside&gt;</code> is not to be used for sidebars, but a section of related content (such as a glossary of terms or additional notes on the topic).</del></p> <p><del>See also: <a href="http://html5doctor.com/understanding-aside/" rel="nofollow noreferrer">http://html5doctor.com/understanding-aside/</a></del></p> <p><del><strong>Update:</strong> As Jordan pointed out below, this article has been updated and should be referenced instead of the one I original posted. And as always, when in doubt, refer to the spec!</del></p> <p><del><a href="http://html5doctor.com/aside-revisited/" rel="nofollow noreferrer">http://html5doctor.com/aside-revisited/</a></del></p> <p><strong>Update 17/07/27:</strong> As this is the most-voted answer, I should update this to include current information locally (with links to the references).</p> <p>From the spec <sup><a href="https://www.w3.org/TR/html51/sections.html#the-aside-element" rel="nofollow noreferrer">[1]</a></sup>:</p> <blockquote> <p>The aside element represents a section of a page that consists of content that is tangentially related to the content of the parenting sectioning content, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.</p> </blockquote> <p>Great! Exactly what we're looking for. In addition, it is best to check on <code>&lt;section&gt;</code> as well.</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. Each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.</p> <p>...</p> <p>A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.</p> </blockquote> <p>Excellent. Just what we're looking for. As opposed to <code>&lt;article&gt;</code> <sup><a href="https://www.w3.org/TR/html51/sections.html#elementdef-article" rel="nofollow noreferrer">[2]</a></sup> which is for "self-contained" content, <code>&lt;section&gt;</code> allows for related content that isn't stand-alone, or generic enough for a <code>&lt;div&gt;</code> element.</p> <p>As such, the spec seems to suggest that using Option 1, <code>&lt;aside&gt;</code> with <code>&lt;section&gt;</code> children is best practice.</p> <p><strong>References</strong></p> <ol> <li><a href="https://www.w3.org/TR/html51/sections.html#the-aside-element" rel="nofollow noreferrer">https://www.w3.org/TR/html51/sections.html#the-aside-element</a></li> <li><a href="https://www.w3.org/TR/html51/sections.html#elementdef-article" rel="nofollow noreferrer">https://www.w3.org/TR/html51/sections.html#elementdef-article</a></li> <li><a href="http://html5doctor.com/aside-revisited/" rel="nofollow noreferrer">http://html5doctor.com/aside-revisited/</a></li> </ol>
    singulars
    1. This table or related slice is empty.
    1. POBest HTML5 markup for sidebar
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USDavid Bradbury
    1. USDavid Bradbury
    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. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. CORelated link (http://html5doctor.com/aside-revisited/) says otherwise. OP did mention that this is used outside `<article>`.
      singulars
      1. PO
      1. USShawn Chin
    2. CO@conexion, I've read both that article and the one posted by @shawn. I thought neither really resolved the issue which is why I posted this in the first place. I ended up going with @web-developers suggested `<aside>` with `<section>`s. It doesn't feel quite right but I still haven't come up with anything better.
      singulars
      1. PO
      1. USmrwweb
    3. COSorry, but I have to disagree! :) The article you cite was [revisited in October 2009](http://html5doctor.com/aside-revisited/) (which is after you posted your answer!) to note that "`aside` is now acceptable for secondary content when not nested within an article element." This is in line with the [W3C HTML5](http://www.w3.org/TR/html5/the-aside-element.html) and [WHATWG HTML](http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-aside-element) specifications, both of which explicitly recommend using it for this purpose and include examples of how to do so.
      singulars
      1. PO
      1. USJordan Gray
 

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.

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