อะไรคือความแตกต่างระหว่าง div และ span

ถาม: อะไรคือความแตกต่างระหว่าง div และ span?

คำตอบ: วิธีแก้ปัญหา:

คุณลักษณะที่ใหญ่ที่สุดขององค์ประกอบ DIV และ Span คือการแสดงผลเริ่มต้นของวัตถุภายในองค์ประกอบไม่ได้ดำเนินการในการจัดรูปแบบใด ๆ ส่วนใหญ่ใช้เพื่อใช้แผ่นสไตล์ ความแตกต่างที่ชัดเจนที่สุดระหว่างทั้งสองคือ DIV คือองค์ประกอบบล็อกในขณะที่ Span เป็นองค์ประกอบแบบอินไลน์ (แปลว่าเป็นองค์ประกอบแบบอินไลน์)

ขั้นตอนเฉพาะ:

1. องค์ประกอบบล็อกที่เรียกว่าเป็นองค์ประกอบที่เริ่มการแสดงผลด้วยบรรทัดอื่น องค์ประกอบในบรรทัดไม่จำเป็นต้องเริ่มต้นบรรทัดอื่น ทดสอบรหัสต่อไปนี้และคุณจะมีความเข้าใจที่ชัดเจนยิ่งขึ้น:

ทดสอบ <span> ติดตามหน้าจอทดสอบก่อนหน้า </span> <div> ที่นี่จะเป็นบรรทัดใหม่ที่แสดง </div>

2. องค์ประกอบบล็อกและองค์ประกอบในบรรทัดไม่คงที่ โดยการกำหนดค่าแอตทริบิวต์การแสดงผลของ CSS พวกเขาสามารถแปลงเป็นกันและกันเช่น:

ทดสอบ <div style = display: inline> ติดตามหน้าจอทดสอบก่อนหน้า </div> <span style = display: block> บรรทัดใหม่จะปรากฏที่นี่ </span>

เคล็ดลับ: หากไม่มีการกำหนดแอตทริบิวต์ CSS สำหรับองค์ประกอบ DIV เอฟเฟกต์การแสดงผลจะอยู่ในองค์ประกอบ P

เนื่องจากความเฉพาะเจาะจงขององค์ประกอบ DIV และ Span มันจึงถูกใช้โดยทั่วไปในการใช้ชีตสไตล์เช่นการใช้ CSS เป็นเลเยอร์และสิ่งที่ต้องโดดเด่นคือความแตกต่างระหว่างองค์ประกอบบล็อกและองค์ประกอบในบรรทัดและการแปลงร่วมกันระหว่างทั้งสอง

DIV ระบุคอนเทนเนอร์เพื่อแสดงผล HTML

Span ระบุคอนเทนเนอร์ข้อความที่ฝังอยู่

โดยทั่วไปแล้ว DIV จะมีบล็อกและคุณสมบัติการแสดงผลเริ่มต้นคือบล็อกแสดงถึงบล็อก ชอบ:

<div> AAA </div> BB จะปรากฏขึ้นและมีสองบรรทัด

สำหรับช่วงการแสดงแอตทริบิวต์เริ่มต้นของการแสดงผลเป็นแบบอินไลน์ซึ่งสามารถเชื่อมต่อเข้าด้วยกันได้ ตัวอย่างเช่น: <span> AAA </span> BB มันจะแสดงเป็นบรรทัด

โดยทั่วไปแล้ว DIV จะใช้สำหรับการเรียงพิมพ์ในขณะที่ช่วงโดยทั่วไปจะใช้สำหรับสไตล์ของข้อความท้องถิ่น