Nếu bạn muốn hiển thị cú pháp mã HTML, không có trình duyệt của bạn hiểu nó là đánh dấu thực (và hiển thị nó), bạn cần thoát khỏi dành riêng Các ký tự HTML đầu tiên.
Nhìn vào <h1> bên trong thẻ <code></code> phần tử bên dưới:
<p>You should only use one <code><h1></code> element per article.</p>
Nếu bạn thêm mã ở trên vào tài liệu HTML, thì <h1> được hiểu là đánh dấu thực, điều mà bạn rõ ràng không muốn.
Bạn cần thoát khỏi dấu ngoặc nhọn < và > bao quanh h1 vì chúng là các ký tự HTML dành riêng.
May mắn thay, điều đó thật dễ dàng:
- Thay thế
<với < - Thay thế
>với >
Ví dụ:
<p>You should only use one <code><h1></code> element per article.</p>Bây giờ mã ở trên sẽ hiển thị chính xác:
Bạn chỉ nên sử dụng một <h1> phần tử mỗi bài báo.
Bây giờ chúng ta hãy thoát một số mã HTML có thuộc tính lớp, ví dụ:<p class="lead-paragraph"></p> .
- Thay thế
<với < - Thay thế
>với > - Thay thế
"với "
HTML đã thoát:
<p class="lead-paragraph"></p>