Ai đó có thể cho tôi biết những gì tôi đang làm sai? "
"In đậm" chưa bao giờ là một yếu tố HTML ("b" là kết quả gần nhất).
HTML nên chứa nội dung có cấu trúc; CSS nhà xuất bản nên đề xuất các kiểu cho nội dung đó. Bằng cách đó, các tác nhân người dùng có thể hiển thị nội dung có cấu trúc với các kiểu điều khiển và điều hướng hữu ích cho những người dùng không thể thấy kiểu dáng táo bạo được đề xuất của bạn (ví dụ: người dùng công cụ tìm kiếm, người dùng hoàn toàn mù sử dụng trình đọc màn hình, người dùng nhìn kém sử dụng màu sắc và phông chữ của họ, người dùng táo tợn sử dụng trình duyệt văn bản, người dùng trình duyệt nói, điều khiển bằng giọng nói như Opera cho Windows). Do đó, cách đúng để làm đậm văn bản phụ thuộc vào lý do tại sao bạn muốn tạo kiểu chữ đậm. Ví dụ:
Bạn muốn phân biệt các tiêu đề với văn bản khác? Sử dụng các yếu tố tiêu đề ("h1" đến "h6") và đề xuất một kiểu in đậm cho chúng trong CSS của bạn ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".
Bạn muốn tô điểm nhãn cho các trường mẫu? Sử dụng phần tử "nhãn", lập trình liên kết nó với phần tử "select", "input" hoặc "textarea" có liên quan bằng cách cung cấp cho nó một thuộc tính "for" khớp với thuộc tính "id" trên mục tiêu và đề xuất một kiểu in đậm cho nó trong CSS của bạn ("nhãn {font-weight: bold;"}).
Bạn muốn đưa ra một tiêu đề cho một nhóm các lĩnh vực liên quan trong một hình thức, chẳng hạn như một nhóm các lựa chọn radio? Bao quanh chúng bằng một phần tử "fieldset", cung cấp cho nó một phần tử "huyền thoại" và đề xuất một kiểu in đậm cho nó trong CSS của bạn ("huyền thoại {font-weight: bold;}").
Bạn muốn phân biệt chú thích bảng với chú thích bảng? Sử dụng phần tử "chú thích" và đề xuất kiểu in đậm cho nó trong CSS của bạn ("chú thích {font-weight: bold;}").
Bạn muốn phân biệt các tiêu đề bảng với các ô dữ liệu bảng? Sử dụng phần tử "th" và đề xuất một kiểu in đậm cho nó trong CSS của bạn ("th {font-weight: bold;}").
Bạn muốn phân biệt tiêu đề của một bộ phim hoặc album được tham chiếu với văn bản xung quanh? Sử dụng phần tử "trích dẫn" với một lớp ("cite class =" movie-title ") và đề xuất một kiểu in đậm cho nó trong CSS của bạn (" .movie-title {font-weight: bold;} ").
Bạn muốn phân biệt một từ khóa được xác định với văn bản xung quanh xác định hoặc giải thích nó? Sử dụng phần tử "dfn" và đề xuất kiểu in đậm cho nó trong CSS của bạn ("dfn {font-weight: bold;}").
Bạn muốn phân biệt một số mã máy tính với văn bản xung quanh? Sử dụng phần tử "mã" và đề xuất kiểu in đậm cho nó trong CSS của bạn ("code {font-weight: bold;}").
Bạn muốn phân biệt một tên biến với văn bản xung quanh? Sử dụng phần tử "var" và đề xuất kiểu in đậm cho nó trong CSS của bạn ("var {font-weight: bold;}").
Bạn muốn chỉ ra rằng một số văn bản đã được thêm vào như một bản cập nhật? Sử dụng phần tử "in" và đề xuất kiểu in đậm cho nó trong CSS của bạn ("in {font-weight: bold;}").
Bạn muốn nhấn mạnh một số văn bản ("Tôi yêu mèo con!")? Sử dụng phần tử "em" và đề xuất kiểu in đậm cho nó trong CSS của bạn (ví dụ: "em {font-weight: bold;}").
Bạn muốn nhấn mạnh một số văn bản, có lẽ để cảnh báo (" Coi chừng con chó! ")? Sử dụng một yếu tố "mạnh" và đề xuất một kiểu in đậm cho nó trong CSS của bạn (ví dụ: "strong {font-weight: bold;}").
Bạn có ý tưởng (hy vọng).
Không thể tìm thấy một yếu tố HTML với ngữ nghĩa phù hợp để diễn đạt / tại sao / bạn muốn làm cho văn bản cụ thể này được in đậm? Bao bọc nó trong một phần tử "span" chung, đặt cho nó một tên lớp có ý nghĩa thể hiện lý do của bạn để phân biệt văn bản đó ("<span class =" lede "> Hãy để tôi bắt đầu bài viết tin tức này bằng một câu tóm tắt nó. </ Span >) và đề xuất một kiểu in đậm cho nó trong CSS của bạn (".lede {font-weight: bold;"}. Trước khi tạo tên lớp của riêng bạn, bạn có thể muốn kiểm tra xem có microformat (microformats.org) hay không quy ước chung cho những gì bạn muốn thể hiện.