วันอาทิตย์ที่ 11 พฤษภาคม พ.ศ. 2557

HTML5 Semantic : aside tag

<aside>
tag aside หมายถึง เน้อหาที่อาจจะไม่ใช่ประเด็นหลักของหน้านั้นๆ เราจึงนำมันมาอยู่ในภายใต้ tag aside เช่น sidebar ด้านขวามือของเว็บ ซึ่งส่วนใหญ่ด้านขวามือของเว็บไซต์นั้นจะเป็นพวก ติดต่อเราผ่าน Social media พวกติดต่อเราทาง facebook, twitter, บุคมาร์กต่างๆ แต่ aside ก็ไม่ได้มีความหมายแค่นั้น อาจจะวางไว้ตรงอื่นที่ไม่ใช่ sidebar ของเว็บก็ได้เช่น

<article>
  <h1>aside ใช้ทำอะไร</h1>
  <p>aside มีหน้าที่แบ่งแยกเนื้อหาที่ไม่ใช่เนื้อหาหลักของหน้าเพจนั้นๆ</p>
  <aside>แชร์หน้านี้ :: ตอบกลับ </aside>
</article>

ด้านบนนี้ aside ใช้ทำหน้าที่ใน article ซึ่งบ่งบอกว่า การแชร์หน้านี้ หรือการกดเพื่อตอบกลับ ไม่ใช่เนื้อหาที่แท้จริงของตัว article นั้นๆ ครับ