<span> องค์ประกอบเป็นองค์ประกอบ HTML ทั่วไปที่คล้ายกับ <div> . หากคุณจำได้ว่า div เป็นคอนเทนเนอร์ทั่วไปที่ใช้สำหรับเลย์เอาต์ของหน้าเว็บเป็นหลักและใช้พื้นที่ให้มากที่สุดเพราะเป็นบล็อก องค์ประกอบ.
ช่วงเป็น อินไลน์ องค์ประกอบ. พวกเขาใช้พื้นที่มากเท่าที่จำเป็นเท่านั้นและส่วนใหญ่จะใช้เพื่อเน้นบางสิ่งบางอย่าง
นี่คือการแสดงภาพของแต่ละ:
Divs เทียบกับ Spans Divs
ฉันเป็น divฉัน ใช้พื้นที่มากที่สุดเท่าที่ฉันจะทำได้ช่วง
ฉันเป็นช่วง ฉัน ใช้พื้นที่มากเท่าที่ฉันต้องการเท่านั้น ฉันเน้นข้อความเป็นอย่างมากSpans สามารถเข้าไปข้างใน divs...... มีรูปแบบที่แตกต่างจากข้อความอื่น...
...and เป็นองค์ประกอบแบบอินไลน์ที่ไม่สามารถควบคุมความสูงหรือความกว้างได้ เว้นแต่คุณจะตั้งค่า display:inline-blockเราใช้คลาสเพื่อจัดกลุ่ม span และ divs เข้าด้วยกันเพื่อเปลี่ยนสีและสีพื้นหลังใน CSS โปรดจำไว้ว่าความสูงหรือความกว้างของช่วงไม่สามารถเปลี่ยนแปลงได้เว้นแต่คุณจะเพิ่ม
display: inline-blockคุณสมบัติ.
เมื่อทำงานร่วมกันจะมีลักษณะดังนี้:
Divs/Spans การใช้ Divs และ Spans ร่วมกัน:
Div 1:Main Overall Container<คลาส div ="footer"> ส่วนท้าย คอนเทนเนอร์ ไปที่นี่Spans และ divs ทำงานร่วมกับองค์ประกอบ HTML อื่นๆ เพื่อสร้างบล็อคพื้นฐานสำหรับเว็บไซต์ของคุณ คุณสามารถจัดสไตล์ Spans แยกจาก div ของคุณเพื่อสร้างการเน้น
