Databases
StackOverflow2013
Postsdbo
POHTML5 - header, masthead, branding, slider
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML5 - header, masthead, branding, slider
    primarykey
    data
    text
    <p>I am trying to tighten up the HTML5 on a website I am building. The nav and logo need to be in the top bar, and I am including a slider, quotes and some buttons. I am not sure if the masthead really should include the quote or the buttons.</p> <p>If not, would I really need a masthead and branding section? It seems to make sense semantically to include both.</p> <p>I have quite a few divs - should these be replaced with section?</p> <p><img src="https://i.stack.imgur.com/pV3hy.jpg" alt="Xmedia Masthead"></p> <pre><code>&lt;header&gt; &lt;section id="masthead"&gt; &lt;div id="branding" role="banner"&gt; &lt;div class="topbar"&gt; &lt;h1 id="site-title"&gt;&lt;a href="#"&gt;&lt;img src="images/logo.jpg" width="180" height="65" alt="Xmedia"&gt;&lt;/a&gt;&lt;/h1&gt; &lt;h2 id="site-description"&gt;Enterprise Solutions&lt;/h2&gt; &lt;nav role="navigation"&gt; &lt;div class="skip-link screen-reader-text"&gt;&lt;a href="#content" title="Skip to content"&gt;Skip to content&lt;/a&gt;&lt;/div&gt; &lt;ul id="dropmenu" class="menu"&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt;&lt;!-- nav --&gt; &lt;/div&gt;&lt;!-- topbar --&gt; &lt;div id="slider"&gt; &lt;div class="slide1"&gt;&lt;/div&gt; &lt;div class="slide2"&gt;&lt;/div&gt; &lt;div class="slide3"&gt;&lt;/div&gt; &lt;/div&gt;&lt;!-- slider --&gt; &lt;/div&gt;&lt;!-- #branding --&gt; &lt;/section&gt;&lt;!-- #masthead --&gt; &lt;div class="home_header"&gt; &lt;h3&gt;&amp;quot;Network Solutions for Small Business. Shared or Dedicated Hosting, 100% Up-Time and Unparalleled Support Providing the Reliability that you Expect.&amp;quot;&lt;/h3&gt; &lt;/div&gt;&lt;!--home header--&gt; &lt;div class="home_header_right"&gt; &lt;a href="#"&gt;&lt;img src="" alt="image" width="154" height="50" /&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="" alt="image" width="154" height="50" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/header&gt;&lt;!-- Header --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USGregB
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHTML5 - header, masthead, branding, slider
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHTML5 - header, masthead, branding, slider
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHTML5 - header, masthead, branding, slider
      1. This table or related slice is empty.
      1. VTUpMod
    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.

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