SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: HTML5: Where do you normally place the banner content? Header area, Section, or..?

  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2004
    Location
    Texas
    Posts
    412
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HTML5: Where do you normally place the banner content? Header area, Section, or..?

    Lets say you have a home page with a banner (slider) right below the logo and nav menu. Do you place that banner in the HEADER area or the SECTION area? I'd like to avoid the vanilla DIV element for semantic purposes.

    In other words, is the BANNER normally considered part of the HEADER?

    Thanks for any clarification.

  2. #2
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    19,896
    Mentioned
    216 Post(s)
    Tagged
    2 Thread(s)
    Theoretically, the <header> element is meant to contain "introductory or navigational aids", which is not really the purpose of a slider, as I see it, although I guess you could argue otherwise. I think of it more as regular content, so I'd put it in a <section> (that is, if I were prepared to use these elements at all, which I'm not, as I consider them to be vague and silly. I would probably use a UL.)

  3. #3
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Rockford, IL
    Posts
    2,355
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    This is why I often say SEMANTICS is about what you MEAN TO SAY, not about tags or placements.




    Before HTML5, I GENERALLY structured a page like this:


    Code:
    <div role="branding">
    <div class="logo"></div>
    <div class="motto">most often a client is too confused to actually develop  some branding  copy and relies instead on sliders (shotgun approach, but ok)  so this worked nicely</div>
    </div>
    <ul role="nav">
    </ul>
    <div role="content">
          <div role="main">
          </div>
          <div role="aside">
          </div>
    </div>
    <div role="foot">
    </div>
    on occasion i used a cephalothorax (as content and foot being metaphorically the abdomen for some reason) which simply meant I put a wrapper around NAV and BRANDING. remember that there is nothing wrong with having the occasion DIV in HTML5

    So it really depend on what the slider is. Think about it this way ... if you were placing a simple motto or mission statement in the same place in the header would you feel such trepidation? So if the slider is just a poor marketing strategy for clients who can decide on an identity and this what they ape putting in place of a mission statement or motto , or list of capabilities.. then it quite reasonable to have the slider in the main header, is it not?

    If the slider is really just a 'portfolio', or functional mini pages .. then it most likely just a SECTION .

    Hope that helps

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •