nhiều thẻ HTML khác rất cần thiết và thường xuyên được sử dụng trong các bài viết WordPress để cấu trúc nội dung, cải thiện khả năng tiếp cận (Accessibility), và tăng cường định dạng. Dưới đây là một số mã HTML hay và cần thiết mà bạn nên nghiên cứu, được chia theo các mục đích sử dụng:
🧱 I. Cấu Trúc và Phân Chia Nội Dung
Đây là các thẻ giúp bạn tổ chức nội dung một cách logic, đặc biệt quan trọng cho SEO và khả năng tiếp cận.
Mã HTMLMục đích và Cách dùngVí dụ<h2> đến <h6>Thẻ Tiêu đề (Headings): Dùng để tạo các tiêu đề phụ và tiêu đề con trong bài viết. Giúp trình đọc màn hình và công cụ tìm kiếm hiểu được cấu trúc nội dung. Luôn sắp xếp theo thứ tự từ h2 đến h6 (vì h1 thường là tiêu đề chính của bài viết).<h2>Phần II: Các bước thực hiện</h2>
| Mã HTML | Mục đích và Cách dùng | Ví dụ |
<h2> đến <h6> |
Thẻ Tiêu đề (Headings): Dùng để tạo các tiêu đề phụ và tiêu đề con trong bài viết. Giúp trình đọc màn hình và công cụ tìm kiếm hiểu được cấu trúc nội dung. Luôn sắp xếp theo thứ tự từ h2 đến h6 (vì h1 thường là tiêu đề chính của bài viết).
XEM Phần II: Các bước thực hiện |
<h2>Phần II: Các bước thực hiện</h2> |
<div> |
Thẻ Phân đoạn (Division): Dùng để nhóm các phần tử lại với nhau để bạn có thể áp dụng CSS hoặc JavaScript chung. Rất cần thiết khi bạn muốn tạo một khối nội dung tùy chỉnh riêng biệt.
XEM: …
|
<div style="border: 1px solid #ccc; padding: 15px;">...</div> |
<span> |
Thẻ Nội tuyến (Inline): Tương tự như div nhưng không tạo ra một dòng mới. Dùng để áp dụng định dạng (style) cho một phần nhỏ của văn bản (ví dụ: một từ, một cụm từ).
XEM: Đây là một từ quan trọng trong câu. |
Đây là một <span style="color: red;">từ quan trọng</span> trong câu. |
