Giới thiệu
Tag <link> trong HTML được sử dụng để liên kết với các tài nguyên bên ngoài, chẳng hạn như các tệp CSS, các tệp font chữ hoặc các tệp favicon. Tag này không có thẻ đóng và được đặt trong phần <head> của tài liệu HTML.
Cú pháp
Cú pháp của tag <link> như sau:
<link rel="stylesheet" href="path/to/stylesheet.css">
Các thuộc tính chính
rel: Thuộc tính này xác định mối quan hệ giữa tài liệu hiện tại và tài nguyên được liên kết. Ví dụ:stylesheetđể liên kết với một tệp CSS,iconđể liên kết với một tệp favicon.href: Thuộc tính này chỉ định đường dẫn đến tài nguyên được liên kết. Đường dẫn có thể là đường dẫn tuyệt đối hoặc đường dẫn tương đối.
Ví dụ
Dưới đây là một ví dụ về việc sử dụng tag <link> để liên kết với một tệp CSS:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Chào mừng đến với trang web của chúng tôi</h1>
<p>Đây là một ví dụ về việc sử dụng tag <code><link></code> trong HTML.</p>
</body>
</html>
Trong ví dụ trên, chúng ta đã liên kết với một tệp CSS có tên là styles.css bằng cách sử dụng thuộc tính href.
Giải thích
Khi trình duyệt gặp phần tử <link> trong tài liệu HTML, nó sẽ tải tài nguyên được liên kết và áp dụng nó vào tài liệu hiện tại. Trong ví dụ trên, tệp CSS styles.css sẽ được tải và áp dụng các quy tắc CSS trong tệp đó vào trang web.
Việc sử dụng tag <link> giúp tách biệt nội dung và kiểu dáng của trang web. Bằng cách liên kết với các tệp CSS bên ngoài, chúng ta có thể dễ dàng thay đổi kiểu dáng của trang web mà không cần thay đổi nội dung HTML.