หากคุณต้องการแสดงไวยากรณ์โค้ด HTML โดยไม่ ให้เบราว์เซอร์ตีความว่าเป็นมาร์กอัปจริง (และเรนเดอร์มัน) คุณต้อง escape ตัวอักษร HTML ที่ สงวนไว้ ก่อน
ดูที่แท็ก <h1> ภายในเอลิเมนต์ <code></code> ด้านล่าง:
<p>You should only use one <code><h1></code> element per article.</p>หากคุณเพิ่มโค้ดข้างต้นลงในเอกสาร HTML แท็ก <h1> จะถูกตีความเป็นมาร์กอัปจริง ซึ่งคุณชัดเจนว่าไม่ต้องการ
คุณต้อง escape วงเล็บมุม < และ > ที่ล้อมรอบ h1 เพราะพวกเขาเป็นตัวอักษร HTML ที่สงวนไว้
โชคดีที่มันง่าย:
- แทนที่
<ด้วย < - แทนที่
>ด้วย >
ตัวอย่าง:
<p>You should only use one <code><h1></code> element per article.</p>ตอนนี้โค้ดข้างต้นจะเรนเดอร์ถูกต้อง:
You should only use one <h1> element per article.
ตอนนี้ลอง escape โค้ด HTML ที่มีแอตทริบิวต์คลาส เช่น: <p class="lead-paragraph"></p>.
- แทนที่
<ด้วย < - แทนที่
>ด้วย > - แทนที่
"ด้วย "
HTML ที่ Escape แล้ว:
<p class="lead-paragraph"></p>