บทช่วยสอน CSS: ความแตกต่างระหว่าง Span และ Div ในหน้าเว็บ

HTML เป็นเพียงวิธีการให้เนื้อหา แท็ก HTML ส่วนใหญ่มีความหมาย (แท็ก p สร้างย่อหน้า แท็ก h1 สร้างชื่อ ฯลฯ ) อย่างไรก็ตาม แท็ก span และ div ดูเหมือนจะไม่มีความหมายในเนื้อหาใดๆ และ เสียงเหมือนฟองสบู่ แต่ในความเป็นจริงเมื่อรวมกับ CSS ก็มีการใช้กันอย่างแพร่หลาย

ใช้เพื่อรวมโค้ด HTML จำนวนมากและกำหนดข้อมูลบางอย่าง ส่วนใหญ่จะเชื่อมโยงกับองค์ประกอบโดยใช้แอตทริบิวต์ class และรหัสแอตทริบิวต์การระบุตัวตน ดูคลาสและตัวเลือก id ใน CSS Intermediate Guide

ความแตกต่างระหว่าง span และ div คือ span เป็นแบบอินไลน์และใช้ในบล็อกเล็ก ๆ ของ HTML แบบอินไลน์ ในขณะที่องค์ประกอบ div (ลองนึกถึงความหมายของการหาร) จะเป็นระดับบล็อก (พูดง่ายๆ ก็คือเทียบเท่ากับองค์ประกอบก่อนและหลัง) ) ด้วยการขึ้นบรรทัดใหม่) ใช้เพื่อรวมโค้ดขนาดใหญ่

นี่ดีกว่าการเพิ่มช่วงอื่น

ไม่มีเบาะแสเกี่ยวกับคลาสและตัวระบุใช่ไหม ไม่ต้องกังวล คุณจะพบสิ่งเหล่านี้ได้ในคู่มือ CSS ระดับกลาง สิ่งที่คุณต้องจำไว้ก็คือ spans และ div นั้นเป็นแท็กที่ "ไม่มีความหมาย"