องค์ประกอบ HTML: องค์ประกอบระดับบล็อกกับองค์ประกอบแบบอินไลน์

อะไรคือความแตกต่างระหว่างระดับบล็อกและองค์ประกอบแบบอินไลน์?

HTML ประกอบขึ้นจากองค์ประกอบต่างๆที่ทำหน้าที่เป็นหน่วยการสร้างหน้าเว็บ แต่ละองค์ประกอบเหล่านี้ตกอยู่ในหนึ่งในสองหมวดหมู่ ได้แก่ องค์ประกอบระดับบล็อกหรือองค์ประกอบแบบอินไลน์ การทำความเข้าใจความแตกต่างระหว่างองค์ประกอบสองประเภทนี้เป็นขั้นตอนสำคัญในการสร้างหน้าเว็บ

องค์ประกอบระดับบล็อก

ดังนั้นสิ่งที่เป็นองค์ประกอบระดับบล็อก? องค์ประกอบระดับบล็อกเป็นองค์ประกอบ HTML ที่เริ่มต้นบรรทัดใหม่บนเว็บเพจและขยายความกว้างเต็มของพื้นที่ว่างในแนวนอนที่มีอยู่ขององค์ประกอบหลัก สร้างเนื้อหาขนาดใหญ่เช่นย่อหน้าหรือหน้าเว็บ ในความเป็นจริงองค์ประกอบ HTML ส่วนใหญ่เป็นองค์ประกอบระดับบล็อก

องค์ประกอบระดับบล็อกใช้ภายในเนื้อหาของเอกสาร HTML พวกเขาสามารถมีองค์ประกอบแบบอินไลน์รวมทั้งองค์ประกอบระดับบล็อกอื่นได้

องค์ประกอบแบบอินไลน์

ในทางตรงกันข้ามกับองค์ประกอบระดับบล็อกองค์ประกอบอินไลน์สามารถ:

• เริ่มต้นภายในบรรทัด
• ไม่เริ่มต้นบรรทัดใหม่
• ความกว้างของมันจะยืดออกไปเท่าที่กำหนดโดยแท็ก

ตัวอย่างขององค์ประกอบแบบอินไลน์คือแท็ก ซึ่งทำให้ตัวอักษรของเนื้อหาข้อความมีความหนาแน่น องค์ประกอบแบบอินไลน์มักมีเฉพาะองค์ประกอบแบบอินไลน์เท่านั้นหรืออาจไม่มีอะไรเลยเช่นแท็กแบ่ง

นอกจากนี้ยังมีองค์ประกอบประเภทที่สามใน HTML: ส่วนที่ไม่ปรากฏเลย องค์ประกอบเหล่านี้ให้ข้อมูลเกี่ยวกับหน้าเว็บ แต่ไม่แสดงเมื่อแสดงผลในเว็บเบราเซอร์

ตัวอย่างเช่น: