Kiểu chữ giống nhau chưa có cùng ý nghĩa
`strong` đánh dấu nội dung có tầm quan trọng; `em` nhấn giọng vào một phần câu. Khi không có định dạng riêng, chúng thường hiện đậm và nghiêng.
`b` và `i` cũng thường hiện đậm, nghiêng, nhưng không mang đúng ý nghĩa quan trọng hoặc nhấn giọng của `strong`, `em`. Vì vậy, chọn thẻ theo nội dung cần biểu đạt, rồi xét cách trình bày; không chỉ nhìn chữ đậm hay nghiêng để coi hai thẻ hoàn toàn giống nhau.
Đọc các dấu hiệu thường gặp
| Phần tử | Ý nghĩa hoặc cách hiển thị thường gặp |
|---|---|
| `mark` |Đánh dấu phần có liên quan cần chú ý, thường có nền nổi bật|
| `small` |Ghi chú phụ, thường dùng chữ nhỏ hơn|
| `sup` |Chỉ số trên, như số 2 trong m²|
| `sub` |Chỉ số dưới, như số 1 trong B₁|
| `del` |Nội dung đã xóa trong một chỉnh sửa, thường có nét gạch giữa|
| `u` |Đánh dấu chú thích đặc biệt như từ viết sai, thường gạch chân|
Nếu chỉ cần gạch chân để trình bày, có thể dùng `style="text-decoration:underline"`. Để chọn cỡ chữ cụ thể, dùng `font-size`; không dùng thẻ `big` đã lỗi thời.
Cách hiển thị có thể được CSS thay đổi. Ý nghĩa phần tử và hình thức mặc định cần được phân biệt.
Đọc từng phần được đánh dấu
```html
<p><strong>Giữ sách sạch</strong>
và <em>đọc có suy nghĩ</em>.</p>
<p>Diện tích: 24 m<sup>2</sup>;
bước B<sub>1</sub>.</p>
<p><mark>Từ khóa</mark>;
<del>lịch cũ</del>;
<small>ghi chú bổ sung</small>.</p>
<p style="text-decoration:underline">
Một cụm được gạch chân bằng style.</p>
```
“Giữ sách sạch” được đánh dấu quan trọng; “đọc có suy nghĩ” được nhấn giọng. Số 2 thuộc sup của đơn vị diện tích, còn số 1 thuộc sub của tên bước. del cho thấy lịch đã bỏ; không nên chỉ dùng nó vì muốn một nét trang trí.
Chỉ số trên có thể lồng để quan sát vị trí
```html
<p>0<sup>0<sup>0</sup>0</sup>0</p>
```
Hai số 0 trong sup ngoài được nâng lên so với dòng cơ sở; số 0 trong sup bên trong còn được nâng thêm. Với cách trình bày mặc định, chỉ số cũng nhỏ hơn chữ bao ngoài. Ví dụ minh họa lồng phần tử để tạo vị trí; không phải một phép tính toán học.
Bài luyện
Muốn đánh dấu một lời nhắc có tầm quan trọng trong đoạn, phần tử nào phù hợp trực tiếp nhất với ý nghĩa đó?
br chỉ ngắt dòng.
small thường biểu đạt ghi chú phụ.
Đúng. strong biểu đạt tầm quan trọng.
sub tạo chỉ số dưới.
Lời giải
Dữ kiện cần biểu đạt là tầm quan trọng của lời nhắc, nên chọn strong. Chữ đậm thường thấy là hình thức mặc định; căn cứ chính để chọn ở đây là ý nghĩa của phần tử.
Bài luyện
Để viết số 2 trên cao trong đơn vị m² và số 1 thấp trong B₁, cặp phần tử tương ứng là gì?
Đúng. sup cho chỉ số trên, sub cho chỉ số dưới.
Thứ tự này đặt hai chỉ số ngược vị trí yêu cầu.
Hai phần tử đó không thực hiện cặp vị trí chỉ số đã nêu.
Đánh dấu hoặc ngắt chủ đề không tạo cặp chỉ số này.
Lời giải
Số 2 trong đơn vị diện tích nằm trên dòng nên dùng sup; số 1 trong tên bước nằm dưới nên dùng sub. Hai loại chỉ số có vị trí khác nhau và cần giữ đúng thứ tự.
Bài luyện
Trong mẫu, del bao “lịch cũ”. Điều nào được biểu đạt trực tiếp ngoài nét gạch thường thấy?
Tiêu đề cấp 1 dùng h1.
Chỉ số trên dùng sup.
Tên phông thuộc khai báo font-family.
Đúng. del ghi ý nghĩa của nội dung bị xóa.
Lời giải
del không chỉ làm xuất hiện một nét gạch giữa chữ; nó đánh dấu nội dung đã bị xóa. Trong tình huống lịch cũ bị bỏ, ý nghĩa đó phù hợp với dữ kiện.
Bài luyện
Nhận xét nào đúng về strong và b trong bài?
Hình thức giống nhau không làm ý nghĩa hoàn toàn giống nhau.
Đúng. Cần phân biệt ngữ nghĩa với hình thức thường gặp.
Các tác dụng được nêu không đúng.
b hoặc CSS cũng có thể tạo chữ đậm; hình thức chưa xác định duy nhất thẻ nguồn.
Lời giải
Trong hiển thị mặc định, strong và b đều thường có chữ đậm. Tuy vậy, strong biểu đạt tầm quan trọng, còn b không có đúng ý nghĩa ấy. Vì vậy không thể chỉ nhìn hình thức để kết luận hai thẻ tương đương hoặc suy duy nhất mã nguồn.
Đang học