HTML ลอยคืออะไร?

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

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

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

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

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

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