<i>: The Idiomatic Text 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ử <i> trong HTML đại diện cho một dải văn bản được tách biệt khỏi văn bản thông thường vì một lý do nào đó, chẳng hạn như văn bản thành ngữ, thuật ngữ kỹ thuật, chỉ định phân loại học, trong số những lý do khác. Về mặt lịch sử, những điều này đã được trình bày bằng kiểu chữ nghiêng, đó là nguồn gốc ban đầu của việc đặt tên phần tử <i> này.

Try it

<p>I looked at it and thought <i>This can't be real!</i></p>

<p>
  <i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
  includes bananas and plantains.
</p>

<p>
  The term <i>bandwidth</i> describes the measure of how much information can
  pass through a data connection in a given amount of time.
</p>
i {
  /* 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

  • Sử dụng phần tử <i> cho văn bản được tách biệt khỏi văn xuôi thông thường vì lý do dễ đọc. Đây sẽ là một dải văn bản có ý nghĩa ngữ nghĩa khác so với văn bản xung quanh. Trong số các trường hợp sử dụng phần tử <i> có các đoạn văn bản đại diện cho một chất lượng hoặc chế độ khác của văn bản, chẳng hạn như:

    • Giọng điệu hoặc tâm trạng thay thế
    • Chỉ định phân loại học (như chi và loài "Homo sapiens")
    • Các thuật ngữ thành ngữ từ ngôn ngữ khác (chẳng hạn như "et cetera"); những điều này nên bao gồm thuộc tính lang để xác định ngôn ngữ
    • Thuật ngữ kỹ thuật
    • Phiên âm
    • Suy nghĩ (chẳng hạn như "Cô ấy tự hỏi, Nhà văn này đang nói về điều gì vậy?")
    • Tên tàu hoặc phương tiện trong hệ thống viết phương Tây (chẳng hạn như "Họ tìm kiếm các bến cảng cho Empress of the Galaxy, con tàu mà họ được phân công.")
  • Trong các phiên bản trước của đặc tả HTML, phần tử <i> chỉ đơn giản là một phần tử trình bày được sử dụng để hiển thị văn bản bằng chữ nghiêng, giống như phần tử <b> được sử dụng để hiển thị văn bản bằng chữ đậm. Điều này không còn đúng nữa, vì các thẻ này hiện xác định ngữ nghĩa thay vì giao diện kiểu chữ. Trình duyệt thường vẫn sẽ hiển thị nội dung của phần tử <i> bằng kiểu chữ nghiêng, nhưng theo định nghĩa, không còn bắt buộc phải làm vậy. Để hiển thị văn bản bằng kiểu chữ nghiêng, tác giả nên sử dụng thuộc tính CSS font-style.

  • Hãy chắc chắn rằng văn bản được đề cập không thực sự phù hợp hơn khi được đánh dấu bằng một phần tử khác.

    • Sử dụng <em> để chỉ ra sự nhấn mạnh về ngữ điệu.
    • Sử dụng <strong> để chỉ ra tầm quan trọng, mức độ nghiêm trọng, hoặc tính khẩn cấp.
    • Sử dụng <mark> để chỉ ra tính liên quan.
    • Sử dụng <cite> để đánh dấu tên của một tác phẩm, chẳng hạn như sách, vở kịch, hoặc bài hát.
    • Sử dụng <dfn> để đánh dấu trường hợp định nghĩa của một thuật ngữ.

Ví dụ

Ví dụ này minh họa việc sử dụng phần tử <i> để đánh dấu văn bản bằng ngôn ngữ khác.

html
<p>
  The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
  music, art, and literature.
</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 generic
Các vai trò ARIA được phép Bất kỳ
Giao diện DOM HTMLElement

Thông số kỹ thuật

Specification
HTML
# the-i-element

Khả năng tương thích trình duyệt

Xem thêm