HTML เป็นเพียงวิธีการให้เนื้อหา แท็ก HTML ส่วนใหญ่มีความหมาย (แท็ก p สร้างย่อหน้า แท็ก h1 สร้างชื่อ ฯลฯ ) อย่างไรก็ตาม แท็ก span และ div ดูเหมือนจะไม่มีความหมายในเนื้อหาใดๆ และ เสียงเหมือนฟองสบู่ แต่ในความเป็นจริงเมื่อรวมกับ CSS ก็มีการใช้กันอย่างแพร่หลาย
ใช้เพื่อรวมโค้ด HTML จำนวนมากและกำหนดข้อมูลบางอย่าง ส่วนใหญ่จะเชื่อมโยงกับองค์ประกอบโดยใช้แอตทริบิวต์ class และรหัสแอตทริบิวต์การระบุตัวตน ดูคลาสและตัวเลือก id ใน CSS Intermediate Guide
ความแตกต่างระหว่าง span และ div คือ span เป็นแบบอินไลน์และใช้ในบล็อกเล็ก ๆ ของ HTML แบบอินไลน์ ในขณะที่องค์ประกอบ div (ลองนึกถึงความหมายของการหาร) จะเป็นระดับบล็อก (พูดง่ายๆ ก็คือเทียบเท่ากับองค์ประกอบก่อนและหลัง) ) ด้วยการขึ้นบรรทัดใหม่) ใช้เพื่อรวมโค้ดขนาดใหญ่
นี่มันบ้าไปแล้ว
ในทางปฏิบัติ div และโดยเฉพาะอย่างยิ่ง spans ไม่ควรถูกใช้ในทางที่ผิด แม้ว่าจะมีความคิดเห็นอื่นที่ตรงกันข้ามก็ตาม ตัวอย่างเช่น หากคุณต้องการเน้นคำว่า "บ้า" และตัวหนา "กระดาษ" คุณอาจใช้โค้ดดังนี้:
นี่มันบ้าไปแล้ว
นี่ดีกว่าการเพิ่มช่วงอื่น
ไม่มีเบาะแสเกี่ยวกับคลาสและตัวระบุใช่ไหม ไม่ต้องกังวล คุณจะพบสิ่งเหล่านี้ได้ในคู่มือ CSS ระดับกลาง สิ่งที่คุณต้องจำไว้ก็คือ spans และ div นั้นเป็นแท็กที่ "ไม่มีความหมาย"
นี่ดีกว่าการเพิ่มช่วงอื่น
ไม่มีเบาะแสเกี่ยวกับคลาสและตัวระบุใช่ไหม ไม่ต้องกังวล คุณจะพบสิ่งเหล่านี้ได้ในคู่มือ CSS ระดับกลาง สิ่งที่คุณต้องจำไว้ก็คือ spans และ div นั้นเป็นแท็กที่ "ไม่มีความหมาย"