Skip to main content

HTML เยื้องคืออะไร?

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

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

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

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

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