ทดลอง whitespace ในเบราว์เซอร์

ลองทำ

สร้างไฟล์สั้น ๆ ใส่ช่องว่างหลายตัวใน p แล้วเปิดดู — จากนั้นลองใส่ <br> และแยกเป็นสอง p

เช็กลิสต์สั้น

1) ช่องว่างหลายตัวในซอร์สถูกยุบหรือไม่

2) br ทำให้ขึ้นบรรทัดจริงหรือไม่

3) สอง p มีระยะห่างย่อหน้าชัดกว่า br ซ้อนหรือไม่

เปิด DevTools Elements แล้วดูข้อความในโหนด — จะเห็นว่าเนื้อหาที่เบราว์เซอร์เก็บไม่เท่ากับที่คุณจัดบรรทัดในไฟล์เสมอไป

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

สร้างหน้าทดลองเปรียบเทียบช่องว่างหลายตัว / br / สอง p ในไฟล์เดียว
ง่าย
แสดงข้อความ “ใช้แท็ก &lt;strong&gt;” บนหน้าจอโดยใช้เอนทิตีให้ถูกต้อง
ใช้ &amp;lt; และ &amp;gt; รอบชื่อแท็ก
ปานกลาง