Trong bài này chúng ta sẽ tìm hiểu cách sử dụng thẻ link trong HTML, đây là thẻ rất quan trọng, được dùng để thêm các file CSS là chủ yếu.
1. Thẻ link trong HTML là gì?
Thẻ link định nghĩa một liên kết giữa tài liệu HTML và một tài liệu bên ngoài, thường thì đó là những file CSS hoặc các file hình ảnh. Thẻ này rất quan trọng trong SEO, nó giúp các công cụ tìm kiếm biết được link liên kết đến các đường dẫn bên ngoài liên quan đến bài viết.
Thẻ link thường được đặt trong phần head, nó có thuộc tính rel và type giúp biết được thể loại của liên kết.
<link href="URL" type="type" rel="rel"/>
Trong đó URL chính là đường dẫn đến file liên kết, type chính là thể loại của file liên kết đó.
Bài viết này được đăng tại [kiso.vn]
2. Cách sử dụng thẻ link trong HTML
Ví dụ: Liên kết với file style.css.
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>Liên kết đến một file hình icon:
<link rel="shortcut icon" type="image/x-icon" href="public/logo/icon.png?r=1" />
Khai báo link hiện tại của trang web:
<link rel="canonical" href="https://kiso.vn/the-link-trong-html-4894.html" />
Thuộc tính của thẻ link:
- href – đường dẫn tới file css cần liên kết.
- rel – chỉ định mối quan hệ giữa tài liệu hiện tại và tài liệu liên kết.
Trình duyệt hỗ trợ:
- Chrome
- Firefox
- IE
- Safari
- Opera
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chính1. Thẻ link trong HTML là gì?2. Cách sử...
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chính1. Thẻ link trong HTML là gì?2. Cách sử dụng thẻ link trong HTML1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng dụng hoạt động trên Linux như một firewall...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chính1. Thẻ link trong HTML là gì?2. Cách sử dụng thẻ link trong HTMLV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp) 5. Bypass lỗ hổng khi trang web sử...
Directory traversal vulnerabilities (phần 3)
Nội dung chính1. Thẻ link trong HTML là gì?2. Cách sử dụng thẻ link trong HTMLV. Phân tích và khai thác các lỗ hổng Directory traversal 1. Lỗ hổng xảy ra khi sử dụng các...
Directory traversal vulnerabilities (phần 2)
Nội dung chính1. Thẻ link trong HTML là gì?2. Cách sử dụng thẻ link trong HTMLIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn ngữ lập trình khác nhau, điểm xuất hiện...