: The Emphasis 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 đánh dấu văn bản có sự nhấn mạnh về ngữ điệu. Phần tử  có thể được lồng nhau, với mỗi cấp độ lồng nhau chỉ ra mức độ nhấn mạnh cao hơn.

Try it

<p>Get out of bed <em>now</em>!</p>

<p>We <em>had</em> to do something about it.</p>

<p>This is <em>not</em> a drill!</p>

em {
  /* Add your styles here */
}

Thuộc tính

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

Ghi chú sử dụng

Phần tử  dành cho các từ có sự nhấn mạnh về ngữ điệu so với văn bản xung quanh, thường được giới hạn ở một từ hoặc các từ trong câu và ảnh hưởng đến ý nghĩa của câu đó.

Thông thường phần tử này được hiển thị bằng kiểu chữ nghiêng. Tuy nhiên, không nên sử dụng nó để áp dụng kiểu chữ nghiêng; hãy sử dụng thuộc tính CSS font-style cho mục đích đó. Sử dụng phần tử <cite> để đánh dấu tiêu đề của một tác phẩm (sách, vở kịch, bài hát, v.v.). Sử dụng phần tử  để đánh dấu văn bản có giọng điệu hoặc tâm trạng khác, bao gồm nhiều tình huống phổ biến cho chữ nghiêng như tên khoa học hoặc các từ trong ngôn ngữ khác. Sử dụng phần tử  để đánh dấu văn bản có tầm quan trọng hơn văn bản xung quanh.

so với

Một số nhà phát triển có thể bị nhầm lẫn bởi cách nhiều phần tử dường như tạo ra kết quả trực quan tương tự.  và  là một ví dụ phổ biến, vì cả hai đều in nghiêng văn bản. Sự khác biệt là gì? Cái nào nên sử dụng?

Theo mặc định, kết quả trực quan giống nhau. Tuy nhiên, ý nghĩa ngữ nghĩa khác nhau. Phần tử  đại diện cho sự nhấn mạnh về ngữ điệu của nội dung, trong khi phần tử  đại diện cho văn bản được tách biệt khỏi văn xuôi thông thường, chẳng hạn như từ nước ngoài, suy nghĩ của nhân vật hư cấu, hoặc khi văn bản đề cập đến định nghĩa của một từ thay vì đại diện cho ý nghĩa ngữ nghĩa của nó. (Tiêu đề của một tác phẩm, chẳng hạn như tên sách hoặc phim, nên sử dụng <cite>.)

Điều này có nghĩa là cái đúng để sử dụng phụ thuộc vào tình huống. Không phải cái nào cũng dùng cho mục đích trang trí thuần túy, đó là những gì tạo kiểu CSS dành cho.

Ví dụ cho  có thể là:

html

<p>Just <em>do</em> it already!</p>
<p>We <em>had</em> to do something about it.</p>

Một người hoặc phần mềm đọc văn bản sẽ phát âm các từ in nghiêng với sự nhấn mạnh, sử dụng nhấn giọng bằng lời nói.

Ví dụ cho  có thể là:

html

<p>The word <i>the</i> is an article.</p>
<p>The <i>Queen Mary</i> sailed last night.</p>

Ở đây, không có thêm sự nhấn mạnh hoặc tầm quan trọng vào từ "Queen Mary". Nó chỉ cho biết rằng đối tượng được đề cập không phải là một nữ hoàng tên Mary mà là một con tàu tên "Queen Mary".

Ví dụ

Trong ví dụ này, phần tử  được sử dụng để làm nổi bật sự đối lập ngầm định hoặc rõ ràng giữa hai danh sách nguyên liệu:

html

<p>
  Ice cream is made with milk, sweetener, and cream. Frozen custard, on the
  other hand, is made of milk, cream, sweetener, and <em>egg yolks</em>.
</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 hữu hình.
Nội dung được phép	Nội dung cụm từ.
Bỏ qua thẻ	Không có, cả thẻ mở và thẻ đóng đều bắt buộc.
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ừ.
Vai trò ARIA ngầm định	`emphasis`
Các vai trò ARIA được phép	Bất kỳ
Giao diện DOM	`HTMLElement` Đến Gecko 1.9.2 (Firefox 4) bao gồm, Firefox triển khai giao diện `HTMLSpanElement` cho phần tử này.