Thẻ i trong HTML

Trong bài viết này Hãy cùng webaffiliatevn.com tìm hiểu Thẻ i trong HTML nhé

Thẻ i trong HTML dùng làm gì?

Phần tử <i> được sử dụng để phân biệt các từ với văn bản xung quanh bằng cách tạo kiểu chữ nghiêng cho văn bản được đánh dấu mà không ngụ ý nhấn mạnh thêm vào các từ được in nghiêng.

Lưu ý: Phần tử <i> được sử dụng nội tuyến trong văn bản

Ví dụ:

<p>Phần <code>&lt;i&gt;</code> tử được sử dụng để <i>in nghiêng</i> .</p>



See the Pen rNeeYLL by DavidKhai (@davidkhai) on CodePen.dark

 

Thẻ <i> so với thẻ <em>

Phần <i>tử làm cho văn bản bao quanh hiển thị dưới dạng nghiêng . Phần <em>tử biểu thị sự nhấn mạnh văn bản , được truyền đạt dưới dạng văn bản in nghiêng . Vậy sự khác biệt là gì? Phần <em>tử có nghĩa là gì đó , trong khi <i>phần tử không có nghĩa gì khác ngoài việc văn bản phải được in nghiêng. Vì vậy, khi nào bạn nên sử dụng một và khi nào khác? Có một số quy tắc khó và nhanh, nếu có, nhưng nói chung, nếu bạn muốn nhấn mạnh một số văn bản , bạn nên sử dụng <em>phần tử. Mặt khác, nếu chữ nghiêng chỉ là vấn đề của phong cách ( ví dụ: viết tắt kiểu chữ Latinh), bạn có thể thích sử dụng <i>phần tử hơn.

Phần tử định nghĩa <dfn>

Phần tử định nghĩa ( <dfn>), được sử dụng để đánh dấu một từ hoặc cụm từ được xác định trong văn bản xung quanh, cũng định kiểu văn bản là nghiêng theo mặc định. Tuy nhiên, các quy tắc để sử dụng phần tử này thay vì <i>đơn giản hơn nhiều. Nó chỉ nên được sử dụng khi đánh dấu một từ đang được định nghĩa.

Đoạn chữ nghiêng dạng dài

Đôi khi bạn nên đặt một số dòng văn bản bằng chữ in nghiêng. Đây có thể là một đoạn giới thiệu ngắn gọn về nội dung, một ghi chú cho người đọc, “bản in đẹp” thuộc loại này hay loại khác. Nói chung, bạn cũng nên tránh <i>yếu tố ở đây. Phần <i>tử này về cơ bản là một phần tử đánh máy và nằm trong dòng (không phải khối). Điều này có nghĩa là nó nên được sử dụng để đánh dấu một vài từ hoặc một cụm từ trong ngữ cảnh lớn hơn. Nếu bạn muốn đặt toàn bộ một đoạn văn là chữ nghiêng, hãy đặt nó một đoạn cụ thể classhoặc idvà sử dụng CSS .

 

>>> Xem thêm:

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *