การเลือกใช้ div vs article vs section (html 5)

เริ่มโดย rukrean, 07 พฤษภาคม 2012, 08:37:34

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

rukrean

สอบถาม Guru ด้าน html 5 หน่อยครับ ผมสร้าง theme wordpress ด้วย tag html 5
แต่มีข้อสงสัยเป็นอย่างมากว่า ตอนไหนนี้ควรใช้ div ตอนไหนควรใช้ section และ ตอนไหนควรใช้ article
เพราะเท่าที่ดูตัวอย่างมันไม่ค่อยเคลียร์เท่าไร ดังนั้น ตอนนี้ผมใช้อย่างนี้ครับ
ใช้ div สำหรับ wrap หรือ wrapper เช่น div id="wrapper" และ div id="slide" ในส่วนที่ทำ slide
ใช้ section ตอนแบ่งส่วนที่เป็น main & sidebar เช่น section id="main" และ section id="sidebar"
และใช้ article ตอนเริ่มมีบทความ เช่น article id="post" หรือ article class="post"

# Skill : HTML, CSS, Blogger, Wordpress, SEO, Writer #

- [direct=https://bunditchon.com]บัณฑิตชน – ข้อสอบพร้อมเฉลยฟรี[/direct]
- [direct=https://thaisimplesoft.blogspot.com/]ThaiSimpleSoft – พัฒนาโปรแกรมแจกฟรี[/direct]

honghong

<article> ใช้ทำ seo โดยมี div อยู่ด้านในได้ครับ
<section> จะใหญ่กว่า article มี article อยู่ภายในได้
เช่น <section><article><div style=""></div></article></section>

ส่วนการเรียก id เป็นการใช้ค่า style
เหมือนกับ table style ที่ขยายความค่า css เฉยๆครับ

rukrean

ขอบคุณมากครับ กระจ่างขึั้นมาหน่อยแล้ว

# Skill : HTML, CSS, Blogger, Wordpress, SEO, Writer #

- [direct=https://bunditchon.com]บัณฑิตชน – ข้อสอบพร้อมเฉลยฟรี[/direct]
- [direct=https://thaisimplesoft.blogspot.com/]ThaiSimpleSoft – พัฒนาโปรแกรมแจกฟรี[/direct]

ifeelalive

อ้างถึงจาก: honghong ใน 07 พฤษภาคม 2012, 08:42:36
<article> ใช้ทำ seo โดยมี div อยู่ด้านในได้ครับ
<section> จะใหญ่กว่า article มี article อยู่ภายในได้
เช่น <section><article><div style=""></div></article></section>

ส่วนการเรียก id เป็นการใช้ค่า style
เหมือนกับ table style ที่ขยายความค่า css เฉยๆครับ


เข้ามาเก็บความรู้  :wanwan017:

saikanojo

ใช้ html5 ในส่วนที่มั่นใจได้เลยครับ ว่าเกี่ยวข้องกับ Tag ที่ใช้งาน จัดไปเต็มที่

HTML5 ตอนนี้ ไม่ส่งผลต่ออันดับครับ เพราะ Google มองว่ายังมีคนใช้ผิดกันอยู่

แต่ได้เปรียบในเชิง การไหลของข้อมูลที่ผ่าน Bot Spider ที่มาเก็บข้อมูล

ต่างประเทศตื่นตัวกันมากครับ

เว็บแนวต่างประเทศ เต็มรูปแบบ ที่ SEO (  On page ) คือ HTML5 Full Stream เน้นใช้ Code HTML น้อย ประหยัด (ทดแทนด้วยการเขียน CSS ที่มากขึ้นเล็กน้อย) ให้บอทที่วิ่งได้เจอ เนื้อหามากๆกว่า

ผมก็ไม่ค่อยเข้าใจทฤษฎีเขาเท่าไร  ก็ไปอ่านมาเล่าสู่กันฟังครับ ไวมีรายละเอียดจะบอกเพิ่มเติมครับ