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

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

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

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

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