HTML องค์ประกอบบล็อค และองค์ประกอบแถว

สามารถเชื่อมต่อส่วนต่างๆของ HTML ด้วย <div> และ <span> ได้

ตามแบบ HTML องค์ประกอบ block

ส่วนใหญ่ของตามแบบ HTML ถูกกำหนดเป็นองค์ประกอบ block หรือ inline element

หมายเหตุนักแปล: องค์ประกอบ block level และ inline element

องค์ประกอบ block หลายๆ ตามแบบจะมีการเริ่มบรรยายใหม่และจบบรรยายเมื่อแสดงในโปรแกรมน่าดู

ตัวอย่าง: <h1>, <p>, <ul>, <table>

ตามแบบ HTML องค์ประกอบ inline

องค์ประกอบ inline หลายๆ ตามแบบจะไม่มีการเริ่มบรรยายใหม่เมื่อแสดง

ตัวอย่าง: <b>, <td>, <a>, <img>

ตามแบบ <div> HTML

ตามแบบ <div> HTML คือองค์ประกอบ block ที่สามารถใช้เป็นตัวจัดเก็บองค์ประกอบ HTML อื่นๆ

ตามแบบ <div> ไม่มีความหมายเฉพาะ นอกจากนี้ ตามแบบเป็นองค์ประกอบ block โปรแกรมน่าดูจะแสดงการแบ่งบรรยายก่อนและหลังองค์ประกอบ

เมื่อใช้ร่วมกับ CSS ตามแบบ <div> สามารถใช้เพื่อตั้งค่าคุณสมบัติที่เกี่ยวข้องกับรูปแบบของบล็อคเนื้อหาใหญ่

การใช้งานอื่นๆ ของ <div> คือการจัดแบบเอกสาร มันทดแทนวิธีเก่าที่ใช้ตารางเพื่อจัดแบบ การใช้ตาราง <table> สำหรับจัดแบบเอกสารไม่ใช่วิธีใช้งานที่ถูกต้อง <table> มีความหมายเป็นตารางแสดงข้อมูลที่มีลักษณะตาราง

ตามแบบ <span> HTML

ตามแบบ <span> HTML คือองค์ประกอบ inline ที่สามารถใช้เป็นตัวจัดเก็บข้อความ

ตามแบบ <span> ไม่มีความหมายเฉพาะ

เมื่อใช้ร่วมกับ CSS ตามแบบ <span> สามารถใช้เพื่อตั้งค่าคุณสมบัติที่เกี่ยวข้องกับรูปแบบของข้อความบางส่วน

ตามแบบ HTML การกลุ่ม

ตามแบบ คำอธิบาย
<div> กำหนดบางส่วนหรือเซกชัน (division/section) ของเอกสาร
<span> กำหนด span ใช้เป็นตัวเรียกแถวที่เชื่อมโยงประกอบกันขององค์ประกอบแถวของเอกสาร