Thẻ sup trong HTML

• Trần Thị Vân
• 1413
• 07/07/2025

Chức năng của Thẻ sup trong HTML

Thẻ sup trong HTML dùng để định dạng cho các chỉ số nằm trên vì thẻ này sẽ làm cho các chữ nằm trong nó có kích thước nhỏ hơn các ký tự khác và nằm phía trên các chữ khác, nó có chiều cao bằng một nữa các chữ khác.

Cú pháp của Thẻ sup trong HTML

<sup>chisokytu</sup>

chisokytu: Chỉ số hoặc các ký tự.

Ví dụ thực tế về Thẻ sup trong HTML

<p>Giá sản phẩm 6.000.000<sup>đ</sup></p>

Chạy Thử

Các trường hợp nên và không nên sử dụng thẻ sup trong HTML

Khi nào nên dùng thẻ sup

Thẻ sup phù hợp khi cần hiển thị một đoạn văn bản ở vị trí cao hơn dòng cơ sở nhằm truyền tải đúng ý nghĩa của nội dung. Đây là cách trình bày mang tính ngữ nghĩa, giúp trình duyệt và các công cụ hỗ trợ hiểu rõ vai trò của văn bản thay vì chỉ thay đổi giao diện.

Một số trường hợp nên sử dụng gồm:

• Biểu diễn số mũ trong các công thức toán học đơn giản.
• Hiển thị số thứ tự bằng tiếng Anh như 1st, 2nd, 3rd, 4th.
• Đánh dấu chú thích hoặc ký hiệu tham chiếu trong bài viết.
• Thể hiện các ký hiệu cần đặt ở vị trí phía trên văn bản theo đúng quy ước trình bày.

Ví dụ:

<p>Diện tích hình vuông: a<sup>2</sup></p>
<p>Đây là ghi chú<sup>[1]</sup></p>

Việc sử dụng đúng ngữ cảnh giúp nội dung rõ ràng hơn, đồng thời cải thiện khả năng đọc và khả năng hiểu của các công cụ hỗ trợ truy cập.

Khi nào không nên dùng thẻ sup

Mặc dù hữu ích, thẻ sup không phải lựa chọn phù hợp trong mọi trường hợp. Việc lạm dụng có thể khiến bố cục thiếu nhất quán và làm giảm tính ngữ nghĩa của tài liệu.

Không nên sử dụng thẻ này trong các tình huống sau:

• Dùng để tạo hiệu ứng trang trí hoặc làm nổi bật văn bản.
• Di chuyển chữ lên trên chỉ nhằm mục đích căn chỉnh giao diện.
• Thay thế CSS khi chỉ muốn thay đổi vị trí hiển thị của phần tử.
• Biểu diễn các công thức toán học phức tạp có nhiều ký hiệu và cấu trúc lồng nhau.

Ví dụ không nên áp dụng:

<p>Khuyến mãi <sup>HOT</sup></p>

Trong trường hợp chỉ muốn tạo hiệu ứng trực quan, nên sử dụng CSS để kiểm soát vị trí và kiểu hiển thị. Thẻ sup chỉ nên xuất hiện khi văn bản thực sự mang ý nghĩa là chỉ số trên hoặc ký hiệu đặt phía trên theo đúng quy chuẩn nội dung.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ sup trong HTML.