Skip to main content

บล็อก HTML คืออะไร?

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

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

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

ความแตกต่างระหว่างองค์ประกอบระดับบล็อก HTML และองค์ประกอบอินไลน์เป็นหนึ่งในชิ้นส่วนสำคัญของความเข้าใจที่จำเป็นในการทำงานกับ HTML และสไตล์การเรียงซ้อนแผ่น (CSS)นี่เป็นหลักเนื่องจากมีแอตทริบิวต์สไตล์มาตรฐานและพารามิเตอร์อื่น ๆ ที่อธิบายว่าใช้กับองค์ประกอบระดับบล็อกเท่านั้นหรือเฉพาะกับองค์ประกอบระดับอินไลน์โดยทั่วไปองค์ประกอบอินไลน์ไม่มีแอตทริบิวต์ที่เปลี่ยนแปลงได้เหมือนกับองค์ประกอบระดับบล็อก

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