Whitespace: ช่องว่างยุบอย่างไร

กฎสั้น ๆ ของเบราว์เซอร์

ช่องว่าง แท็บ และขึ้นบรรทัดหลายตัวใน HTML ต้นทาง มักถูกยุบเหลือช่องว่างเดียวตอนแสดงผล

<p>สวัสดี     โลก</p>
<!-- บนหน้าจอมักเห็น: สวัสดี โลก (ช่องว่างเดียว) -->

<p>บรรทัดหนึ่ง
บรรทัดสองในซอร์ส</p>
<!-- บนหน้าจอมักเป็นบรรทัดเดียว คั่นด้วยช่องว่าง -->

เทคนิคเลือกเครื่องมือ

1) ต้องการย่อหน้าใหม่ → p

2) ต้องการขึ้นบรรทัดในบล็อกเดิม → br

3) ต้องการช่องว่างพิเศษที่ไม่ยุบง่าย → พิจารณา &nbsp; (ใช้น้อย ๆ)

จัดย่อหน้าในซอร์สให้อ่านง่ายได้เต็มที่ — การขึ้นบรรทัดในไฟล์ไม่เท่ากับการขึ้นบรรทัดบนหน้าจอ