พื้นที่ในเว็บไซต์ดูเหมือนจะเป็นสิ่งที่ค่อนข้างง่าย แต่ในครั้งแรกที่คุณลองกดปุ่มหลายครั้งและมีข้อมูลที่ไม่ปรากฏบนหน้าเว็บของคุณคุณจะรู้ว่าไม่ใช่เรื่องง่ายเหมือนที่ดู
มีหลายวิธีในการสร้างพื้นที่บนเว็บไซต์ สองตัวแรกมีแท็ก HTML :
... p>
เครื่องหมายย่อหน้ามักจะวางช่องว่างระหว่างรายการ ทำหน้าที่เป็นการแบ่งย่อหน้า
อย่างไรก็ตามหลาย
ในแถวจะไม่ทำอะไรอื่นนอกจากถ่วงหน้าของคุณ บรรณาธิการบางคนจะใส่
p> ในตำแหน่งเพื่อเพิ่มพื้นที่มากขึ้น แต่จริงๆแล้วนี้ไม่ได้ใช้แท็ก
แต่เป็นตัวอักษรที่เราจะไปถึงภายในไม่กี่นาที
แท็ก
หมายถึงการวางบรรทัดเดียวในการไหลของข้อความ อย่างไรก็ตามสามารถใช้หลาย ๆ ครั้งในแถวเพื่อสร้างสตริงที่ยาวได้ ปัญหาคือคุณไม่สามารถกำหนดความสูงและความกว้างของพื้นที่ได้โดยอัตโนมัติและความกว้างของหน้า
CSS Margin และ Padding
อีกวิธีหนึ่งในการเพิ่มเนื้อที่ในเอกสารเว็บเพจของคุณคือการใช้ ขอบ CSS และพร็อพเพอร์ตี้ CSS นี่เป็นวิธีที่ดีกว่าในการกำหนดจำนวนพื้นที่ที่คุณต้องการระหว่างองค์ประกอบของคุณ และคุณสามารถส่งผลกระทบต่อมากกว่าพื้นที่แนวตั้งในเอกสาร
พื้นที่ที่ไม่แบ่ง ()
สุดท้ายมีพื้นที่ที่ ไม่ทำลาย หน่วยงานตัวนี้ทำหน้าที่เหมือนกับพื้นที่ข้อความปกติเว้นแต่เบราว์เซอร์จะถือว่าเป็นส่วน ๆ
ถ้าคุณวางสี่ในแถวเบราว์เซอร์จะใส่สี่ ช่องว่าง ในข้อความ
โปรดทราบว่าเบราว์เซอร์ที่เก่ากว่าไม่สามารถแสดงช่องว่างที่ไม่สามารถหยุดทำงานได้หลายช่อง
การใช้ช่องว่างที่ไม่ทำลายในตาราง
ตารางมักจะปิดหรือแตกถ้าคุณไม่ได้รวมบางอย่างไว้ในเซลล์เพื่อเปิดค้างไว้ ตัวอย่างเช่น: ใช้ HTML ต่อไปนี้เพื่อสร้างตารางที่มีรางน้ำ 30 พิกเซล:
ควรมีพื้นที่ว่างเล็กน้อยทางด้านซ้ายของข้อความนี้ เบราว์เซอร์บางรุ่นจะแสดงอย่างถูกต้อง แต่หลายคนจะละเว้นคำขอความกว้างของตารางและวางข้อความให้ล้างด้วยขอบด้านซ้าย น่ารำคาญมาก! |
เพื่อไม่ให้คอลัมน์ในตารางเลิกใช้ให้ใช้พื้นที่ที่ไม่ทำลาย:
ควรมีพื้นที่ว่างเล็กน้อยทางด้านซ้ายของข้อความนี้ เบราว์เซอร์ส่วนใหญ่จะแสดงผลอย่างถูกต้อง |