เราควรใช้ <div id=" "> ตอนไหน ใช้ <div class=" "> ตอนไหน

[Level UP!]

ผมก็เคยสงสัยเหมือน จขกท นี่แหละ ทุกวันนี้ยังสงสัยอยู่เลย 55

[loner]

เข้าใจขึ้นเยอะเลย 

[sinthai]

ได้ความรู้เพิ่ม

[Beboyzo]

ขอบคุณมากครับ พอจะเข้าใจบ่างแล้ว ผมเล่นใช้ div หมดทุกตัวเลย คงต้องเปลียนวิธีเขียน ส่วนคำว่า selection ผมพิมพ์ผิดนะครับ จะพิมพ์คำว่า <section>

[jiw]

ผมสงสัยนะครับ
มันจะมีทำไมทั้ง id และ class
ถ้าทั้งเว็บมี class อย่างเดียว
มันจะเป็นยังไง???

ผมว่า ไม่มีผลต่างกัน

แต่ถ้าใช้ร่วมกับพวก ajax jquery (มั้งนะ) ... เวลาโต้ตอบ จะใช้ id มาสัมพันธ์กันครับ

เช่น พวก image slide (พวกหน้าแรก ที่เป็นข่าวหมุนๆ) .. บางครั้งก็ต้องใช้ css ที่มี id มาผสมนิดๆ


ผมอธิบายไม่ค่อยถูกนะ เขียนตามที่ตัวเองคิดว่าใช่ ^^


แต่หากเรามองแค่ html+css .... จำกัดไว้แค่กรอบนี้ id,class ไม่น่าต่างกันหรอกครับ

[MD.18]

Class . คือ ชั้น เลเวล วงศ์ ชนิด กลุ่ม วงกว้าง ซ้ำ ....งานโครงสร้าง
ID # คือ ไอเดนทิที้ ตัวตน นัมเบอร์ บุคคล ชื่อ วงจำกัด ไม่ซ้ำ ....งานตกแต่งภา่ยใน

ประมาณนี้ได้ไหม ไม่ถนัดเหมือนกัน

ส่วน section ตามความเข้าใจ เป้นการบอกให้ ภาษาคอมพิวเตอร์ได้รับรู้ว่า ตรงส่วนนี้อยู่ในหมวดหมู่อะไร หัวข้ออะไร โดยที่มีระดับชั้นต่ำกว่าลงไปคือ article เป้นเนื้อหาจริง ๆ ซึ่งวางตรงไหนก็จะเป็นบทความของตัวนั้น โดยที่ section ต้องมีการประกาศ id แสดงให้รู้ว่าอยู่หมวดอะไร


มั่วเอาแบบคนไม่ได้เรียนครับ   

ส่วนการใช้งานที่ถูกต้องจริง ๆ ก็ไม่แน่ชัดนะ เพราะบางเว็บก็จัดตามตำรา บางเว็บก็ปรับตามความถนัด บางเว็บก็ตามอารมณ์
แต่ส่วนใหญ่ก็จะวางการทำงานไว้เป็นรูปแบบรายงานและเขียนกำกับไว้ //

[hurahura]

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

[Imsj]

เพิ่มเติมนิดหนึ่งครับ เผื่อจะได้นึกภาพออก จริง ๆ ถ้าเวบของเราไม่ได้ใช้งานร่วมกับพวกภาษาสคริป เช่น javascript หรือ ajax เราจะใช้ class อย่างเดียวก็น่าจะได้ แต่เพื่อความเป็น standard ก็ควรจะแยกใช้ id กับ class ให้ถูกต้อง มาดูตัวอย่างวิธีใช้ id ร่วมกับ ajax ดู ครับ เดี๋ยวขออธิบาย ajax ก่อน เขาพัฒนา ajax ขึ้นมาเพื่อให้เว็บเพจของเรา refresh เป็นบางส่วน (เพื่อประหยัดแบนวิท และไมีต้องเสียเวลาโหลดข้อมูลทั้ง page ใหม่) ซึ่งเราก็จะใช้ div ในการแบ่งหน้าเว็บเพจของเราเป็นส่วน ๆ จะเห็นตัวอย่างแล้วใช่ไหมครับ เวลา ajax มันจะแสดงข้อมูลใหม่ มันก็จะอ้างอิง id ของ div นั้น ๆ นั่นเองครับ ถ้ามันอ้างอิงโดย class ก็แสดงว่า div อื่น ที่ใช้ class นี้ก็จะถูก load ใหม่ทั้งหมดครับ

[reactionkz]

กำลังงง อยู่พอดี ได้ความรู้มากครับ ขอบคุณครับ 

[mosmf]

เข้าใจละ กำลังสงสัยอยู่เลย ขอบคุณครับ