วันพฤหัสบดีที่ 8 พฤษภาคม พ.ศ. 2557

Html5 Semantic Tag Article วิธีการใช้งาน

แท็ก article

<article>
Tag นี้มีไว้เพื่อหุ้มเนื้อความหลักในเพจ โดยทั่วไปอาจจะมี section อยู่ใน article อีกทีก็ได้
อีกทั้ง article ยังใช้งานเกี่ยวกับพวก comment  news blog  post forum ของเว็บอีกด้วย

ตัวอย่าง การใช้ Article เพื่อบ่งบอกเนื้อความหลัก

<article>
  <h1>Article มีไว้เพื่อ</h1>
  <p>Tag นี้มีไว้เพื่อหุ้มเนื้อความหลักในเพจ โดยทั่วไปอาจจะมี section อยู่ใน article อีกทีก็ได้

อีกทั้ง article ยังใช้งานเกี่ยวกับพวก comment  news blog  post forum ของเว็บอีกด้วย
  </p>
</article>


ตัวอย่างการใช้ Article ร่วมกับ Section

<article>
  <h1>Article มีไว้เพื่อ</h1>
  <p>Tag นี้มีไว้เพื่อหุ้มเนื้อความหลักในเพจ โดยทั่วไปอาจจะมี section อยู่ใน article อีกทีก็ได้

อีกทั้ง article ยังใช้งานเกี่ยวกับพวก comment  news blog  post forum ของเว็บอีกด้วย หลักๆ แบ่งวิธีใช้เป็นสองประเภทดังนี้
  </p>
    <section>
            <h2>Article ใชักับเนื้อความหลักของเพจ</h2>
            <p>ส่วนใหญ่เนื้อความหลักของหน้านั้นๆ ควรคุมไว้ด้วย Article อยู่แล้ว</p>
   </section>
   <section>
            <h2>Article ใชักับคอมเมนท์ของเพจนั้นๆ</h2>
            <p>เช่น พวกการโพสคอมเมนท์ในเว็บ 2.0 เป็นต้น</p>
   </section>
</article>

ดังนั้น ก็ขึ้นอยู่กับเราด้วยครับว่าใช้แบบไหนจะเหมาสมที่สุด ซึ่งตัวอย่างที่ผมกล่าวมา เป็นตัวอย่างที่ใชักันมากสุดครับ