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

[Beboyzo]

หัดเขียน Theme wp ครับ แต่ไม่ทราบว่า เราควร ใช้ <div id=" "> ตอนไหน
ควรใช้ <div class=" "> ตอนไหน

เพิ่มเติมครับ เรื่องของ <selection> ครับ เราจะใช้ แทน div ตอนไหน
เพื่อที่จะให้เกิดประโยชน์สูงสุดนะครับ

ขอบคุณครับ

[wasantec]

ลองหาข้อมูลใน google จะง่ายกว่าครับมารอคำตอบคงได้ไม่ดีเท่าไหร่  เรื่อง html5 css3

[Beboyzo]

ครับผม

[gubaaball]

<div id=" "> ทั้งหน้าควรมีชื่อไอดีแค่อันเดียวครับ คือไม่ซ้ำน่ะแหละครับ
<div class=" "> ทั้งหน้าจะมีชื่อคลาสที่ซ้ำกันกี่อันก็ได้

[skylove]

ขอบตอบส่วน div ครับ  
ส่วน selection ผมไม่เข้าใจคำถาม

<div id="">  ตัวนี้   id ใช้เป็นการตั้งชื่อให้กับ  div ครับ  แท็ค html แต่ละตัวหากเราจะตั้งชื่อ จะใช้ id เป็นตัวกำนด และในหนึ่งเพจหรือไฟล์โคด html จะต้องมี id ที่ไม่ซ้ำกันครับ

<div class="">  สำหรับ class สามารถมีซ้ำได้ และโดยส่วนใหญ่จะใช้กับ css เพื่อควบคุมการแสดงผล

เช่น
<div id="myid1" class="myclass1 myclass2">ข้อมูล</div>
<div id="myid2" class="myclass1">ข้อมูล</div>
<div id="myid3" class="myclass2">ข้อมูล</div>
<div id="myid4">ข้อมูล</div>

<p id="myid5" class="myclass1">ข้อมูล</p>
<span id="myid6" class="myclass2">ข้อมูล</span>


การใช้งาน
id ใช้เป็นการตั้งชื่อให้กับแท็กนั้น ส่วนใหญ่จะใช้กับจาวาสคริป สามารถใช้ css อ้างถึงได้เหมือนกัน
class ใช้อ้างให้กับ css ในการแสดงผล แต่ก็สามารถใช้จาวาสคริปอ้างถึงได้เช่นกัน

การอ้างถึง
CSS จะอ้างถึง class โช้ . (จุด)   แต่ถ้าอ้างถึง id จะใช้ #
<style>
#my1 {
   ......จะให่ค่าอะไรก็ใส่ไป
}
#my2 {
   ......จะให่ค่าอะไรก็ใส่ไป
}
.myclass1 {
   ......จะให่ค่าอะไรก็ใส่ไป
}
.myclass2 {
   ......จะให่ค่าอะไรก็ใส่ไป
}
</style>

[Imsj]

<div id> ใช้กับ element ที่เราต้องการใช้ครั้งเดียวใน page นั้น เช่น menu หรือ navigation bar
<div class> ใช้กับ element ที่ต้องทำงานซำ้กันบ่อย ๆ เช่น ต้องการให้ทุกหัวข้อใหญ่ หรือ ย่อย เป็นตัวหนาสีดำ หรือ ต้องการให้ทุกตารางในหน้านี้มีสีขอบ หรือสี black ground เหมือนกันทั้งหมด

[washiravit]

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

[Invoker]

เวลาคุมด้วย css

class จะซ้ำกี่อันก็ได้ เขียน css ครั้งเดียว
id      จะมีได้เพียงอันเดียว เขียน css เฉพาะ id ใคร id มัน

[goldxp]

class ใช้กับ style ทั่วๆ ไป ถ้าทำดีๆ นำกลับมาใช้ใหม่ได้ง่าย
id ปกติใช้กับโปรแกรม หรือส่วนที่มีปรากฎอันเดียวในหน้านั้น

[mean]

การค้นหาก element ใน jquery หรือ javascript
id จะสามารถค้นหาได้ไวกว่าแบบ class ครับ

ทั้งนี้ id เป็นลักษณะการใช้งานบอก zone element หรือ scope ขอบเขต ของการวาด หรือกำหนด style ส่วน class จะใช้ในการกำหนดรูปแบบ มากกว่า

โดยทั้งนี้ ทั้ง css / id สามารถกำหนด style ให้ได้เช่นกัน

แต่ id มีได้เพียงอันเดียว
แต่ class สามารถกำหนดได้หลายๆ อัน
เช่น

<div id='head'>
 <span class='font-red'>a</span>
 <span class='font-blue'>b</span>
 <span class='font-red'>c</span>
</div>

หรือ
<ul id='top-menu'>
<li class='r1'></li>
<li class='r1'></li>
<li class='r2'></li>
</ul>

<ul id='foot-menu'>
<li class='r1'></li>
<li class='r1'></li>
<li class='r2'></li>
</ul>

สำหรับ ใน css / html เวอร์ชั่นใหม่ๆ ใช้ <select> ในการทำงานแทน id ได้มีประสิทธิภาพเช่นกัน

[MapTwoZa]

id ควรใช้กำหนด unique component ไม่ใช่ ใส่ทุก tag ใน component นั้นๆ
** ใช้เป็น name space ให้ class ก็ได้

ซึ่งใน component นึง อาจจะมี tag ย่อยๆกี่ tag ก็ได้ เป็นต้น

ส่วน class ก็เอาไว้กำหนด component ที่มันมีรูปแบบซ้ำๆเป็น pattern

เช่น
<div id="blog-container">

<div class="item">
<div class="header">
<div class="content">
<div class="footer">
</div></div></div></div>

<div class="item">
<div class="header">
<div class="content">
<div class="footer">
</div></div></div></div>

<div class="item">
<div class="header">
<div class="content">
<div class="footer">
</div></div></div></div>

</div>

ซึ่ง item / header / footer มันอาจจะไปซ้ำกับส่วนอื่น จึงเอา id มาเป็น namespace ก็ได้ เช่น

#blog-container .item {}
#blog-container .header {}

#product-container .item{}
#product-container .header{}
#product-container .content{}

เป็นต้น

[G1]

.name = <div class="name">
#name = <div id="name">

.name / class = สามารถใช้ซ้ำได้
#name / id = ใช้ซ้ำไม่ได้

เบื้องต้นก็ประมาณนี้แหละครับ ไม่รู้ถูกหรือป่าว แต่ผมเข้าใจแบบนี้ แล้วก็แค่นี้ด้วย  

[tammaster]

 ผมคิดง่ายๆ คือ id ใช้ สำหรับส่วนที่สำคัญ จริงๆ

class ใช้กับส่วนที่ใช้ ซ้ำกันบ่อยๆๆ

และใช้ id ในอีกกรณีคือ  ถ้าอยากให้ css  มันอ่านค่า property  ที่สำคัญจริง ผมจะใช้  id ในการ อ้างอิง  เพื่อให้มัน อ่านค่า ทับ  class   เพราะ  id สำคัญว่า class  ตัวเว็บจึง อ่านค่า property ที่มาจาก id ก่อน เสมอ

[dekmv]

.name = <div class="name">
#name = <div id="name">

.name / class = สามารถใช้ซ้ำได้
#name / id = ใช้ได้ซ้ำไม่ได้

เบื้องต้นก็ประมาณนี้แหละครับ ไม่รู้ถูกหรือป่าว แต่ผมเข้าใจแบบนี้ แล้วก็แค่นี้ด้วย  

ผมก็เข้าใจแบบท่านนี้นะครับ 

[yut215]

ลองมองเปรียเทียบกับนักเรียนนะครับ
ID คือชื่อชื่อนักเรียนในชั้น(ชั้นเรียนคือ HTML File) มีเงื่อนไขคือนักเรียนในชั้นชื่อต้องไม่ซ้ำกัน
Class คือเสื้อผ้าของนักเรียน
นาย A ใส่เสื้อแดง นาย B ก็ใส่เสื้อแดง แบบนี้ได้
แต่ในห้อง จะมี นาย A สองคนไม่ได้

แล้ว ID มีไว้ทำไม ก็มีไว้ให้ครูขานชื่อไงครับ(ครูในนี้คือ jQuery หรือภาษา Script อย่างอื่น เช่น ASP.Net PHP JSP)
เช่น
$( "a" ).removeClass( "BlueShirt" )
jQuery นะครับ คือลบ Class BlueShirt ออกจาก a
แปลง่ายๆคือนาย a ถอดเสื้อฟ้าซะ

งงไหมเนี่ย คร่าวๆนะครับ

[EditorG]

ใช้อันไหนก็ไม่ต่างกันค่ะ

div id จะเป็นเหมือนหัวข้อหลัก
div class เปรียบเหมือนหัวข้อย่อย

มันเป็นเหมือนตัวช่วยกำหนดสัดส่วนในการทำเว็บไซต์ให้ถูกต้องตามหลักการสร้างเว็บ
ส่วนใหญ่ div class จะใช้ตามหลัง div id

[phaishow]

ผมขอเสริมนะครับว่า id ซ้ำได้ แต่ผมก็ไม่แนะนำครับ

โค้ด เลือก ขยาย

<div id="test">
    <table id="test">..</table>
</div>
div#test ได้ <div id="test">..</div>
table#test ได้ <table id="test">..</table>

ในกรณีที่ id ซ้ำกัน มันจะเอาอันแรกสุด(จากบนลงล่าง)
#test ได้ <div id="test">..</div> ครับ

ปล. ถ้าผมจำไม่ผิดนะครับ

[ayeweb]

css เป็นอะไรที่ไม่ถนัดเอาเสียเลย

[WPDSign]

น่าจะตาม คห บนๆ

ผมใช้มั่วไปหมด 

[speeduphosting]

Class คือห้องครับใช้แบ่งกลุ่มที่มีมากกว่า 1
ID ใช้ระบุสิ่งที่เป็นหนึ่งเดียว

แต่จะใช้สลับกัน Browser ก็ทำงานและอ่านได้หมดครับ แต่หากเราทำให้เป็นระเบียบเวลาแก้ก็จะทำได้ง่ายและเร็วจริงมั้ยครับ