Sự khác biệt giữa và trong HTML là gì?

Chữ in đậm (hay còn gọi là chữ in đậm) được coi là một kiểu nhấn mạnh trong kiểu chữ. Trong HTML hiện đại, có hai phần tử HTML theo mặc định áp dụng trọng số phông chữ đậm (còn được gọi là “boldface”) cho phần tử văn bản (trong hầu hết các trình duyệt).

Bạn có thể sử dụng  hoặc một  , như thế này:

<p>The strong tag is used to <strong>emphasize</strong> text.</p>

<p>The b tag is used to <b>emphasize</b> text.</p>

Trong HTML hiện đại (HTML5), cả  và  được coi là có ngữ nghĩa và hợp lệ. Mặc dù cả hai đều có cùng kiểu trình bày kiểu chữ đậm trong các trình duyệt hiện đại, nhưng chúng không có cùng ý nghĩa hoặc mục đích.

Vậy sự khác biệt giữa việc sử dụng strong và b là gì và bạn nên sử dụng cái nào để làm gì?

 được sử dụng cho nội dung có tầm quan trọng lớn (như cảnh báo).
 được sử dụng để thu hút sự chú ý mà không đề xuất tầm quan trọng.

Ví dụ về việc sử dụng  :

The Spanish word <b>idioma</b> means “language”. It originates from Greek.

Trong ví dụ trên, tôi, với tư cách là một thợ sắp chữ, quyết định làm nổi bật từ idioma không phải vì nó có tuyệt vời quan trọng, nhưng vì đó là một từ nước ngoài, không phải tiếng Anh nên tôi muốn nổi bật so với văn bản xung quanh. Đó là một quyết định mang tính phong cách hơn là một việc tôi phải làm để truyền đạt ý nghĩa.

Vì vậy, nếu bạn muốn thu hút sự chú ý vào một thứ gì đó mà không có ý nghĩa ngữ nghĩa cụ thể đằng sau nó, hãy  về mặt lịch sử (trước HTML5) sẽ được sử dụng đúng. Điều đó có nghĩa là, trong thời hiện đại, chúng tôi không sử dụng HTML để trình bày, chúng tôi sử dụng CSS, đó là lý do tại sao tôi không sử dụng 

Ví dụ về việc sử dụng  :

In 2020, <strong>security</strong> and <strong>performance</strong> are are
crucial for your SEO.

Trong ví dụ trên, tôi quyết định nhấn mạnh mạnh mẽ đến bảo mật và hiệu suất bởi vì những chủ đề đó thực sự có tầm quan trọng lớn đối với SEO (và UX) trang web của bạn.

Theo mặc định,  và  sẽ áp dụng cùng một kiểu chữ đậm cho văn bản trong hầu hết các trình duyệt, điều này có thể hiểu là gây ra nhiều nhầm lẫn. Tại sao lại làm cho chúng trông giống nhau khi chúng là các công cụ khác nhau cho các trường hợp sử dụng khác nhau?

Tôi đồng ý với bạn. Thật là khó chịu.

Đây là lý do tại sao bạn có thể muốn ghi đè các mặc định của trình duyệt và áp dụng kiểu khác cho chúng.

Một cách tốt để phân biệt giữa  và  về mặt hiện tại, là áp dụng trọng lượng phông chữ từ 500 đến 900 (tùy thuộc vào họ phông chữ) cho  của bạn phần tử với CSS. Như thế này:

strong {
  font-weight: 700;
}

Và sau đó sử dụng kiểu khác cho  , chẳng hạn như:

b {
  font-weight: 400;
  color: green;
}

Ở trên không phải là gợi ý về kiểu, mà là ví dụ về cách bạn có thể giúp bạn dễ dàng nhớ kiểu nào bạn đã sử dụng khi xem các trang được hiển thị trong trình duyệt của mình.

Nếu bạn đang sử dụng markdown

Nếu bạn cố chuyển đổi  hoặc  để đánh dấu trong trình chuyển đổi HTML sang Markdown như Browserling, bạn sẽ nhận thấy rằng cả hai đều nhận được cùng một ** ** - được hiển thị thành  trong trình duyệt.

Vậy điều gì mang lại?

Tôi không chắc. Tôi không thể tìm thấy bất kỳ hướng dẫn đánh dấu nào chỉ ra cách hiển thị  vào trình duyệt khi sử dụng dấu xuống, ít nhất là không sử dụng cú pháp đánh dấu.

Đừng lo lắng, bạn vẫn có thể áp dụng cú pháp HTML trực tiếp bên trong tệp đánh dấu (trừ khi bạn đang sử dụng phiên bản cũ). Vì vậy, nếu bạn muốn hoặc cần sử dụng  thay vì  , bạn có thể chỉ cần thêm nó như sau:

Here is a line of text inside a <b>markdown</b> file which automatically gets wrapped by paragraph tags

Tôi đang viết hướng dẫn này trong phần đánh dấu. Bây giờ tôi sẽ đánh dấu văn bản này với  yếu tố. Nếu bạn đánh dấu và chọn đoạn văn này và nhấp vào “Kiểm tra”, bạn sẽ thấy rằng nó thực sự sử dụng  phần tử.

Việc bạn sử dụng có thực sự quan trọng không?

Đó rõ ràng không phải là vấn đề sinh tử hoặc các trình duyệt hiện đại sẽ không hiển thị  và  với cùng kiểu dáng đậm.

Tuy nhiên, về mặt ngữ nghĩa, có một sự khác biệt, đó là thông điệp mà tôi muốn truyền tải. Vì vậy, nếu bạn sắp đi phỏng vấn việc làm, nơi họ quan tâm rất nhiều về đánh dấu ngữ nghĩa, điều quan trọng là phải biết sự khác biệt.

Tóm lại:

 được sử dụng để thu hút sự chú ý vào văn bản cụ thể.
 được sử dụng cho văn bản quan trọng.
Khi nghi ngờ, hãy sử dụng  .

Một nguyên tắc nhỏ là tránh hoàn toàn lạm dụng sự nhấn mạnh. Khi bạn cố gắng nhấn mạnh quá nhiều, sự nhấn mạnh sẽ mất đi sức mạnh của nó. Nếu bạn nhấn mạnh mọi thứ, bạn không nhấn mạnh gì cả (Tôi đang nhìn bạn, các trang đích tiếp thị chung chung).