การเยื้อง HTML คืออะไร

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

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

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

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

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