Cách tạo văn bản gạch chân trong HTML?

Thẻ <u> trong HTML được dùng để gạch chân văn bản. Tuy nhiên, thẻ này đã bị ngừng hỗ trợ (deprecated) và không nên sử dụng. Thay vào đó, hãy dùng CSS để đạt được hiệu ứng tương tự.

Ví dụ

Dưới đây là ví dụ sử dụng thẻ <u> (chỉ để tham khảo, không khuyến khích dùng trong sản phẩm thực tế):

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ u trong HTML</title>
  </head>
  <body>
    <u>Qries.com</u> là hệ thống quản trị kiến thức thế hệ tiếp theo.
  </body>
</html>

Cách hiện đại với CSS

Để gạch chân văn bản theo chuẩn hiện đại, hãy sử dụng thuộc tính CSS text-decoration: underline;:

<!DOCTYPE html>
<html>
  <head>
    <style>
      .underline { text-decoration: underline; }
    </style>
  </head>
  <body>
    <span class="underline">Văn bản này được gạch chân bằng CSS</span>
  </body>
</html>