ความแตกต่างหลัก: แท็กจะสร้างตัวแบ่งบรรทัดและตามค่าเริ่มต้นจะสร้างการแบ่งระหว่างข้อความที่อยู่หลังแท็กเมื่อเริ่มต้นและจนกระทั่งแท็กลงท้ายด้วย แท็กไม่ได้สร้างตัวแบ่งบรรทัดคล้ายกับแท็ก แต่อนุญาตให้ผู้ใช้แยกสิ่งต่าง ๆ จากองค์ประกอบอื่น ๆ รอบ ๆ พวกเขาในหน้าภายในบรรทัดเดียวกัน
แท็กเป็นองค์ประกอบระดับบล็อกในขณะที่เป็นองค์ประกอบอินไลน์ ทั้งสองอย่างนี้มักใช้เมื่อพยายามควบคุมด้านต่าง ๆ ของเว็บเพจรวมถึงรูปภาพข้อความและอื่น ๆ
แท็กจะสร้างตัวแบ่งบรรทัดและตามค่าเริ่มต้นจะสร้างการแบ่งระหว่างข้อความที่อยู่หลังแท็กเมื่อเริ่มและจนกระทั่งแท็กลงท้ายด้วย มันสร้างกล่องแยกต่างหากหรือภาชนะพิเศษสำหรับองค์ประกอบข้อความและรูปภาพอื่น ๆ ทั้งหมดที่อยู่ภายในข้อความนี้ แท็กเหล่านี้มักจะอยู่คนเดียวและไม่ควรใช้กับแท็ก (วรรค)
การเปรียบเทียบระหว่าง div และ span Tag ใน Html:
แท็ก div | ยืดแท็ก | |
ประเภทขององค์ประกอบ | องค์ประกอบระดับบล็อก | องค์ประกอบแบบอินไลน์ |
เริ่มต้น | ในหน้าใหม่ | ไม่จำเป็นต้องเริ่มบรรทัดใหม่ |
ช่องว่าง | ใช้ความกว้างเต็มที่มีอยู่ | กว้างขึ้นมากเท่าที่จำเป็น |
ตัวอย่างอื่น ๆ | - | |
ใช้เป็น | ที่เก็บสำหรับองค์ประกอบ HTML อื่น ๆ | คอนเทนเนอร์สำหรับข้อความบางส่วน |
แอตทริบิวต์ | ไม่มีแอตทริบิวต์ที่จำเป็น แต่สไตล์และคลาสเป็นเรื่องปกติ | ไม่มีแอตทริบิวต์ที่จำเป็น แต่สไตล์และคลาสเป็นเรื่องปกติ |
เมื่อใช้กับ CSS | สามารถใช้เพื่อบล็อกสไตล์ของเนื้อหา | สามารถใช้ในการจัดรูปแบบส่วนต่าง ๆ ของข้อความ |
เอื้อเฟื้อภาพ: html-5-tutorial.com, safeschoolbexley.co.uk