Muốn hiển thị cú pháp code HTML, không cho trình duyệt hiểu là markup thật (và render) thì cần escape các ký tự HTML dành riêng (reserved) trước.
Xem thẻ <h1> trong <code></code> dưới:
<p>Chỉ nên dùng một <code><h1></code> mỗi bài.</p>Thêm code trên vào HTML, <h1> sẽ hiểu là markup thật, điều bạn không muốn.
Cần escape dấu ngoặc nhọn < và > bao quanh h1 vì là ký tự HTML dành riêng.
May mắn là dễ:
- Thay
<bằng < - Thay
>bằng >
Ví dụ:
<p>Chỉ nên dùng một <code><h1></code> mỗi bài.</p>Bây giờ code render đúng:
Chỉ nên dùng một <h1> mỗi bài.
Escape code HTML có class attribute, ví dụ: <p class="lead-paragraph"></p>.
- Thay
<bằng < - Thay
>bằng > - Thay
"bằng "
HTML đã escape:
<p class="lead-paragraph"></p>