btvn.vn
Tìm kiếm Đăng nhập

Kiểu chữ và ý nghĩa các thẻ HTML

Lưu trên thiết bị này
Định dạng văn bản HTML · Chọn bài khác

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

Kết quả trình duyệt của đoạn mã mẫu: nhấn mạnh, chỉ số, đánh dấu và gạch chân.
Kết quả trình duyệt của đoạn mã mẫu: nhấn mạnh, chỉ số, đánh dấu và gạch chân.
Mở hình lớn
```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 đó?
Chọn một đáp án

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ì?
Chọn một đáp án

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?
Chọn một đáp án

Bài luyện

Nhận xét nào đúng về strong và b trong bài?
Chọn một đáp án

Đang học