GORAGOD.com

HTML5 Aside element

<aside> เป็น tag ใหม่ของ html5 อีกอันหนึ่ง ความหมายของ <aside> คือ ส่วนของเนื้อหาที่เกี่ยวของกับเนื้อหาหลักที่อยู่โดยรอบ โดยมีจุดประสงค์เพื่อให้แยกออกจากเนื้อหาหลัก และใช้เป็นกรอบคำอธิบายเพิ่มเติมที่เกี่ยวข้องกับเนื้อหาหลัก เช่น ส่วนของ Tip of the day หรือกรอบคำขยายความหมายบางคำที่ใช้ในเนื้อหาหลัก เป็นต้น และนอกจากนี้ <aside> ยังสามารถใช้เป็นส่วนของ แถบด้านข้าง (Sidebar) ได้อีกด้วย
<article>
  <header>
    <h1>HTML5</h1>
  </header>
  <p>HTML5 ประกอบด้วย tag ใหม่ๆเพิ่มเติมหลาย tag ด้วยกัน เช่น 
     Article, Section, Nav, Footer, Header และนอกจากนี้ HTML5 ยังมีคุณสมบัติเพิ่มเติมเกี่ยวกับ.......</p>
  <aside>
    <dl>
      <dt>Article</dt>
      <dl>รายละเอียดสั้นๆเกี่ยวกับ Article</dl>
      <dt>Section</dt>
      <dl>รายละเอียดสั้นๆเกี่ยวกับ Section</dl>
      <dt>Nav</dt>
      <dl>รายละเอียดสั้นๆเกี่ยวกับ Nav</dl>
      ......
    </dl>
  </aside>
</article>