HTML เป็นเพียงวิธีการให้เนื้อหา แท็ก HTML ส่วนใหญ่มีความหมาย (แท็ก p สร้างย่อหน้า แท็ก h1 สร้างชื่อ ฯลฯ ) อย่างไรก็ตาม แท็ก span และ div ดูเหมือนจะไม่มีความหมายในเนื้อหาใดๆ และ เสียงเหมือนฟองสบู่ แต่ในความเป็นจริงเมื่อรวมกับ CSS ก็มีการใช้กันอย่างแพร่หลาย
ใช้เพื่อรวมโค้ด HTML จำนวนมากและกำหนดข้อมูลบางอย่าง ส่วนใหญ่จะเชื่อมโยงกับองค์ประกอบโดยใช้แอตทริบิวต์ class และรหัสแอตทริบิวต์การระบุตัวตน ดูคลาสและตัวเลือก id ใน CSS Intermediate Guide
ความแตกต่างระหว่าง span และ div คือ span เป็นแบบอินไลน์และใช้ในบล็อกเล็ก ๆ ของ HTML แบบอินไลน์ ในขณะที่องค์ประกอบ div (ลองนึกถึงความหมายของการหาร) จะเป็นระดับบล็อก (พูดง่ายๆ ก็คือเทียบเท่ากับองค์ประกอบก่อนและหลัง) ) ด้วยการขึ้นบรรทัดใหม่) ใช้เพื่อรวมโค้ดขนาดใหญ่
＜div id="scissors"＞ ＜p><นี่คือ ＜span class="paper">บ้า</span>＜/p> ＜/div> |
| ＜div id="scissors"＞ ＜p><นี่คือ ＜strong class="paper">crazy</strong>＜/p> ＜/div> |
นี่ดีกว่าการเพิ่มช่วงอื่น
ไม่มีเบาะแสเกี่ยวกับคลาสและตัวระบุใช่ไหม ไม่ต้องกังวล คุณจะพบสิ่งเหล่านี้ได้ในคู่มือ CSS ระดับกลาง สิ่งที่คุณต้องจำไว้ก็คือ spans และ div นั้นเป็นแท็กที่ "ไม่มีความหมาย"