คอลัมน์ HTML คืออะไร?

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

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

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

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