Thẻ link trong HTML

Ví dụ

Liên kết tới một style sheet bên ngoài:

[code]
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
[/code]

Định nghĩa và cách dùng

Thẻ <link> liên kết giữa tài liệu và một tài nguyên bên ngoài.

Thẻ <link> thường được sử dụng để liên kết với style sheets (CSS) bên ngoài.

Trình duyệt hỗ trợ

Khi sử dụng cho style sheets, thẻ <link> được hỗ trợ bởi tất cả các trình duyệt lớn.

Thẻ  Chrome  IE  FireFox  Safari  Opera
<link>

Lưu ý: Thẻ <link> là thẻ rỗng, nó chỉ bao gồm các thuộc tính bên trong.

Lưu ý: Phần tử này phải nằm trong phần <head> của HTML, nhưng bạn có thể lặp lại thoải mái phần tử <link> này (nghĩa là có bao nhiêu thẻ <link> trong <head> cũng được).

Sự khác nhau giữa HTML 4.01 và HTML5

Một số thuộc tính của HTML 4.01 không được hỗ trợ trong HTML5.

Thuộc tính “sizes” là thuộc tính mới trong HTML5.

Sự khác biệt giữa HTML và XHTML

Trong HTML, thẻ <link> không cần thẻ đóng.

Trong XHTML, thẻ <link> phải được đóng đúng cách.

Các thuộc tính

Thuộc tính Giá trị Mô tả
charset char_encoding Không hỗ trợ trong HTML5.
Chỉ định kiểu mã hoá ký tự của tài liệu liên kết
crossorigin anonymous
use-credentials
Chỉ định cách các phần tử xử lý yêu cầu cross-orgin
href URL Chỉ định vị trí của tài liệu liên kết
hreflang language_code Chỉ định ngôn ngữ của văn bản của tài liệu liên kết
media media_query Chỉ định trên thiết bị nào tài liệu liên kết sẽ được hiển thị
rel alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
Yêu cầu bắt buộc. Chỉ định mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết

 

rev reversed relationship Không còn hỗ trợ trong HTML5.
Chỉ định mối quan hệ giữa tài liệu liên kết và tài liệu hiện tại
sizes HeightxWidth
any
Chỉ định kích cỡ của nguồn liên kết, chỉ áp dụng cho rel=”icon”
target _blank
_self
_top
_parent
frame_name
Không hỗ trợ trong HTML5.
Chỉ định nơi tài liệu liên kết được tải
type media_type Chỉ định kiểu media của tài liệu liên kết

Thiết lập CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử <link> với các giá trị mặc định sau:

link {
display: none;
}

Leave a Comment