1 Reply Latest reply on Mar 10, 2011 5:20 PM by phreaddee123

    Cant figure out how to use <aside>

    pillowsr4u

      HI,

       

      I made it all the way to my content block using the <section> tag. But everyting went wrong when I tried to implement the <aside> tag

       

      Im also not sure if I have the structure correct.

       

      Please look at the code if you can and steer me in the right direction.

       

      Thanks in advance.

       

      p

      URL:

      http://www.ledisi.com/test/index.html

        • 1. Re: Cant figure out how to use <aside>
          phreaddee123

          yeah, not exactly 100%,

           

          Line 59, Column 15: Stray end tag hgroup.

          </div></hgroup></div></nav>
          Line 110, Column 6: Stray end tag div.
          </div>

           

          you are also using too many excessive divs that in a sense defeat the purpose of using new markup styles.

           

          the whole point of it is to simplify it and make it flow more semantically.

           

          for example a site could be something like this

           

          <body>

          <div id="wrapper">

          <header> <h1> tagline </h1> </header>

          <nav> <ul><li>........</li></ul></nav>

          <section id="content">

          <hgroup>

          <h2> page header</h2>

          <h3> sub heading</h3>

          </hgroup>

          <article id="example1">page content</article>

          <article id="example2">page content</article>

          </section>

          <aside>content kind of related to the main content</aside>

          <footer>copyright notice, sitemap etc</footer>

          </div>

          </body>

           

          notice, I only used one DIV (the wrapper)...
          
          if you are going to use html5's new elements then it will require some shifting away from using divs for 
          everything. find out what element could actually go in instead of a DIV...
          

          1 person found this helpful