วิธีใส่ HTML พื้นที่

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

วิธีแรก

เมื่อมีความจำเป็นในการสร้างระยะทางยาวระหว่างคำบางคำคุณสามารถใช้รหัสพื้นที่พิเศษของ html ได้ พอจะเพิ่มรายการ "& nbsp" ซึ่งจะเป็นการเพิ่มระยะห่างระหว่างตัวอักษร รหัสดังกล่าวสามารถใช้เป็นช่องว่างทั่วไปยกเว้นได้ว่าจะมีการพิจารณาข้อมูลดังกล่าวโดยเบราว์เซอร์เสมอ พื้นที่ html พิเศษนี้บางครั้งใช้เลียนแบบเส้นสีแดงหรือเลือกส่วนของข้อความแยกต่างหาก มีความจำเป็นต้องบอกเล่าเกี่ยวกับรหัสเล็กน้อย อักขระตัวแรกเป็นเครื่องหมายการค้า หมายถึงการกระทำของรหัสพิเศษ ใน HTML มีชุดค่าผสมอื่น ๆ อีกมากมายที่ให้ผลลัพธ์ที่แตกต่างกัน ตัวอย่างเช่น "& gt" และ "& gl" แทนเครื่องหมาย "<" และ ">" การใช้งานของพวกเขาเป็นสิ่งที่จำเป็นเนื่องจากเป็นจุดเริ่มต้นและจุดสิ้นสุดของแท็ก ในกรณีนี้ "nbsp" หมายถึงรูปแบบย่อของคำสั่ง "non-breaking space" ซึ่งแปลว่า " non-breaking space " มีค่าตัวเลขสำหรับคำสั่งนี้ ชื่อ "& # 160" ซึ่งจะกล่าวถึงผลกระทบของช่องว่างนี้อย่างสมบูรณ์ เป็นที่น่าสังเกตว่าหากมีรหัส "& nbsp" ระหว่างคำพวกเขาจะเป็นบรรทัดเดียวเสมอ หากเกินกว่าหน้าจอ scrollbar จะปรากฏในเบราเซอร์ รหัส "& nbsp" เป็นการจำลองข้อมูลแบบปกติที่ว่างเปล่า

วิธีที่สอง

วิธีที่สองใช้สำหรับวัตถุประสงค์ที่ท้าทายความสามารถมากขึ้น ช่องว่างใน html สามารถตั้งค่าได้โดยใช้แท็ก

 ช่วยให้คุณพิมพ์ข้อความโดยไม่ต้องจัดรูปแบบเพิ่มเติม หากข้อมูลถูกวางไว้ในแท็กนี้จะปรากฏในรูปแบบเดิมเช่นในโค้ด html ของหน้า คำนึงถึงช่องว่างไม่เพียง แต่ยังแบ่งบรรทัด แต่ควรสังเกตด้วยว่าในกรณีของโค้ด "& nbsp" ข้อความที่อยู่ในแท็ก 
 จะปรากฏในบรรทัดเดียวถ้าไม่มีการแปลตามธรรมชาติ มีข้อสังเกตอีกอย่างหนึ่ง สิ่งที่อยู่ระหว่างการเปิดและตามลำดับการปิดแท็ก 
 จะมีแบบอักษรเฉพาะ  . 

 วิธีที่สาม 
 วิธีการนี้ไม่สามารถเรียกได้ว่าใหม่เพราะว่ามันมีทางเลือกให้กับตัวที่สอง การใช้ cascading style sheets คุณสามารถบรรลุผลเช่นเดียวกับแท็ก 
 แต่ตัวอักษรจะยังคงเหมือนเดิม กฎ "white-space" ที่มีค่า "pre" เต็ม emulates พื้นที่ html โดยใช้แท็กที่อธิบายไว้ก่อนหน้านี้ คำสั่งนี้สามารถใช้กับพื้นที่ของข้อความใดก็ได้ 

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