: The Strong Importance element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phần tử  trong HTML chỉ ra rằng nội dung của nó có tầm quan trọng cao, sự nghiêm trọng hoặc tính cấp bách. Các trình duyệt thường hiển thị nội dung bằng chữ in đậm.

Try it

<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>

p {
  font-size: 1rem;
}

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cục.

Phần tử  dành cho nội dung có "tầm quan trọng cao," bao gồm những điều có mức độ nghiêm trọng hoặc cấp bách lớn (chẳng hạn như cảnh báo). Đây có thể là một câu rất quan trọng với toàn bộ trang, hoặc bạn chỉ muốn chỉ ra rằng một số từ quan trọng hơn so với nội dung xung quanh.

Thông thường phần tử này được hiển thị mặc định bằng trọng lượng phông chữ đậm. Tuy nhiên, nó không nên được dùng để áp dụng kiểu dáng in đậm; hãy dùng thuộc tính CSS font-weight cho mục đích đó. Hãy dùng phần tử  để thu hút sự chú ý vào một số văn bản mà không chỉ ra mức độ quan trọng cao hơn. Hãy dùng phần tử  để đánh dấu văn bản có nhấn mạnh về ngữ điệu.

Một cách sử dụng được chấp nhận khác cho  là để biểu thị nhãn của các đoạn đại diện cho các ghi chú hoặc cảnh báo trong văn bản của trang.

và

Thường gây nhầm lẫn cho các nhà phát triển mới rằng tại sao có nhiều cách để diễn đạt cùng một điều trên một trang web được hiển thị.  và  có lẽ là một trong những nguồn nhầm lẫn phổ biến nhất, khiến các nhà phát triển hỏi "Tôi nên dùng  hay ? Chúng chẳng phải làm cùng một điều sao?"

Không hẳn. Phần tử  dành cho nội dung có tầm quan trọng hơn, trong khi phần tử  được dùng để thu hút sự chú ý vào văn bản mà không chỉ ra tầm quan trọng cao hơn.

Có thể hữu ích khi nhận ra rằng cả hai đều là các phần tử HTML hợp lệ và có ngữ nghĩa, và đó là sự trùng hợp khi cả hai đều có kiểu dáng mặc định giống nhau (in đậm) trong hầu hết các trình duyệt (mặc dù một số trình duyệt cũ thực sự gạch chân ). Mỗi phần tử được thiết kế để dùng trong các loại tình huống nhất định, và nếu bạn muốn in đậm văn bản để trang trí, bạn thực sự nên dùng thuộc tính CSS font-weight thay thế.

Ý nghĩa hoặc mục đích dự định của văn bản được bao quanh nên quyết định phần tử nào bạn sử dụng. Truyền đạt ý nghĩa là tất cả những gì ngữ nghĩa nói đến.

và

Thêm vào sự nhầm lẫn là việc trong khi HTML 4 định nghĩa  là chỉ ra sự nhấn mạnh mạnh hơn, HTML 5 định nghĩa  là đại diện cho "tầm quan trọng mạnh cho nội dung của nó." Đây là một sự phân biệt quan trọng.

Trong khi  được dùng để thay đổi ý nghĩa của một câu như nhấn mạnh khi nói ("I love carrots" vs. "I love carrots"),  được dùng để thêm tầm quan trọng cho các phần của câu (ví dụ: "Warning! This is very dangerous.") Cả  và  đều có thể được lồng vào nhau để tăng mức độ tương đối của tầm quan trọng hoặc nhấn mạnh ngữ điệu.

Ví dụ

Ví dụ cơ bản

html

<p>
  Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>

Kết quả

Ghi nhãn cảnh báo

html

<p>
  <strong>Important:</strong> Before proceeding, make sure you add plenty of
  butter.
</p>

Kết quả

Tóm tắt kỹ thuật

Danh mục nội dung	Nội dung luồng, nội dung cụm từ, nội dung rõ ràng.
Nội dung được phép	Nội dung cụm từ.
Bỏ thẻ	Không được phép; phải có cả thẻ mở và thẻ đóng.
Phần tử cha được phép	Bất kỳ phần tử nào chấp nhận nội dung cụm từ, hoặc bất kỳ phần tử nào chấp nhận nội dung luồng.
Vai trò ARIA ngầm định	`strong`
Vai trò ARIA được phép	Bất kỳ
Giao diện DOM	`HTMLElement`