Thẻ code trong HTML là thẻ được gắn vào một đoạn code, giúp trình duyệt web đọc hiểu được đoạn dữ liệu đó một cách chính xác nhất. Cùng tìm hiểu định nghĩa cụ thể cũng như công dụng của thẻ <code> trong bài viết sau đây.
Mục lục
1. Thẻ code trong HTML là gì?
Thẻ code trong HTML (thẻ <code>) được dùng để đánh dấu các dòng code cho đoạn dữ liệu nó chứa. Nội dung bên trong thẻ code sẽ được mặc định sử dụng font chữ monospace của trình duyệt.
Thẻ code nằm trong nhóm thẻ giúp định dạng dữ liệu. Cụ thể, nó giúp dữ liệu được hiển thị chính xác với định dạng ban đầu.
2. Tại sao phải dùng thẻ code và các thẻ định dạng dữ liệu khác trong HTML?
Lý do nằm ở sự khác biệt về định dạng văn bản giữa trình duyệt web và trình soạn thảo văn bản thông thường.
Trong bất cứ trình soạn thảo văn bản nào (ví dụ như Microsoft Word), các khoảng trắng được hiển thị đầy đủ với các phim Space hay phím Tab. Tương tự, các dòng hay các đoạn được ngăn cách với nhau bằng cách gõ Enter hoặc chèn Page break.
Nhưng khi đoạn văn bản với nhiều khoảng trắng như vậy được trình duyệt web đọc trên tệp HTML và CSS, các ký tự khoảng trắng và phím Enter sẽ bị bỏ qua. Do đó, để dữ liệu hiển thị trên trang web chính xác, ta cần thêm thẻ code cũng như một số thẻ định dạng dữ liệu khác.
Nhờ có các thẻ này, trình duyệt sẽ nhận dạng được đoạn văn bản và giữ nguyên nội dung ban đầu thay vì tự động lược bớt các ký tự khoảng trắng hay ngắt đoạn.
3. Một số thẻ định dạng dữ liệu khác trong HTML
Bên cạnh thẻ code trong HTML, còn một số thẻ định dạng dữ liệu khác cũng giúp cho đoạn văn bản được hiển thị đúng định dạng ban đầu.
Thẻ <kbd>
Thẻ <kbd> báo cho người sử dụng nhập vào từ bàn phím :
Ví dụ: <kbd>Tự học HTML | Bài 1: HTML là gì?</kbd>
Kết quả: Tự học HTML | Bài 1: HTML là gì?
Thẻ <pre>
Đặt thẻ <pre> sẽ giúp bạn giữ nguyên toàn bộ định dạng của đoạn văn bản nằm trong nó
Ví dụ
<!DOCTYPE html>
<html>
<body>
<pre>Thẻ code trong HTML
(thẻ <code>) được dùng để định nghĩa các dòng code
cho đoạn dữ liệu nó chứa.
Nội dung bên trong thẻ code sẽ được mặc định sử dụng font chữ
monospace của
trình duyệt.</pre>
</body>
</html>
Kết quả: Ta sẽ được đoạn văn bản giữ nguyên định dạng ban đầu như sau
Thẻ code trong HTML
(thẻ <code>) được dùng để định nghĩa các dòng code
cho đoạn dữ liệu nó chứa.
Nội dung bên trong thẻ code sẽ được mặc định sử dụng font chữ
monospace của
trình duyệt
Ngoài thẻ <pre> và thẻ <kbd> ta còn một vài thẻ khác như <samp> giúp định nghĩa cho đầu ra máy tính hay thẻ <var> giúp định nghĩa một biến.
Trên đây là một số hiểu biết cơ bản về thẻ <code>. Để dữ liệu đoạn code được đọc và hiển thị chính xác thì việc sử dụng thẻ code trong HTML là điều bắt buộc.
