Các loại liên kết – HTML: Ngôn ngữ đánh dấu siêu văn bản – các loại liên kết trong html

Trong HTML, các loại liên kết cho biết mối quan hệ giữa hai tài liệu, trong đó tài liệu này liên kết với tài liệu kia bằng cách sử dụng phần tử , hoặc .

Bạn đang xem : các loại liên kết trong html

thay thế

  • Nếu phần tử là & lt; link & gt;
    Thuộc tính rel cũng chứa thuộc tính
    stylesheet type, liên kết xác định một
    bảng kiểu thay thế ; trong trường hợp đó, title
    thuộc tính phải có mặt và không phải là chuỗi trống.
  • Nếu type được đặt thành
    application / rss + xml hoặc
    application / atom + xml , liên kết xác định một
    nguồn cấp dữ liệu phân phối . Cái đầu tiên được xác định trên trang là cái mặc định.
  • Nếu không, liên kết xác định một trang thay thế, một trong những trang này
    các loại:

    • cho một phương tiện khác, chẳng hạn như một thiết bị cầm tay (nếu
      Thuộc tính media được đặt)
    • bằng một ngôn ngữ khác (nếu
      Thuộc tính hreflang mới là
      bộ),
    • ở định dạng khác, chẳng hạn như PDF (nếu
      thuộc tính type được đặt)
    • sự kết hợp của những thứ này

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
lưu trữ

Không được dùng nữa

Xác định siêu liên kết đến tài liệu có chứa liên kết lưu trữ tới tài liệu này
một. Ví dụ: một mục blog có thể liên kết đến một trang chỉ mục hàng tháng này
theo cách.

Lưu ý: Mặc dù được công nhận, số ít
archive không chính xác và phải tránh.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
tác giả

Xác định một siêu liên kết đến một trang mô tả tác giả hoặc cung cấp một cách
để liên hệ với tác giả.

Lưu ý: Đây có thể là
Siêu liên kết mailto: , nhưng điều này không được khuyến nghị ở chế độ công khai
các trang với tư cách là người thu hoạch rô bốt sẽ nhanh chóng dẫn đến rất nhiều thư rác được gửi đến
địa chỉ. Trong trường hợp đó, tốt hơn là nên dẫn đến một trang chứa
biểu mẫu liên hệ.

Mặc dù được công nhận,
Thuộc tính rev trên
& lt; a & gt; , & lt; area & gt;
hoặc các phần tử & lt; link & gt; với loại liên kết là
made không chính xác và phải được thay thế bằng
thuộc tính rel với loại liên kết này.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
dấu trang

Chỉ ra rằng siêu kết nối là một
liên kết cố định cho tổ tiên gần nhất
Phần tử & lt; article & gt; . Nếu không có, nó là một liên kết cố định
cho
phần đó
phần tử được liên kết chặt chẽ nhất với.

Điều này cho phép
đánh dấu một bài báo trong một trang có nhiều bài báo,
chẳng hạn như trên một trang blog tóm tắt hàng tháng hoặc một trang tổng hợp blog.

& lt; a & gt; , & lt; area & gt;
& lt; link & gt; , & lt; form & gt;
canonical

Từ Wikipedia, bách khoa toàn thư miễn phí:
Canonical_link_element
Phần tử liên kết chuẩn là một phần tử HTML giúp quản trị viên web
ngăn chặn các vấn đề về nội dung trùng lặp bằng cách chỉ định “chuẩn” hoặc
phiên bản “ưa thích” của trang web như một phần của tối ưu hóa công cụ tìm kiếm.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
dns-prefetch

Thử nghiệm

Gợi ý cho trình duyệt rằng tài nguyên là cần thiết, cho phép trình duyệt
thực hiện tra cứu DNS và bắt tay giao thức trước khi người dùng nhấp vào liên kết.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
bên ngoài

Chỉ ra rằng siêu liên kết dẫn đến một tài nguyên bên ngoài trang web của
trang hiện tại; nghĩa là, theo liên kết sẽ khiến người dùng rời khỏi
Địa điểm.

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
& lt; link & gt;
đầu tiên

Không được dùng nữa

Chỉ ra rằng siêu liên kết dẫn đến tài nguyên đầu tiên của
trình tự của trang hiện tại.

Lưu ý:
Các loại liên kết khác liên quan đến việc liên kết các tài nguyên trong cùng một trình tự là
cuối cùng , trước ,
next .

Mặc dù được công nhận nhưng các từ đồng nghĩa
begin start không chính xác và phải là
tránh được.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
trợ giúp

  • Nếu phần tử là & lt; a & gt; hoặc
    & lt; area & gt; , nó chỉ ra rằng siêu liên kết
    dẫn đến một nguồn trợ giúp thêm về cha mẹ của
    và con cháu của nó.
  • Nếu phần tử là & lt; link & gt; , phần tử đó chỉ ra rằng
    siêu liên kết dẫn đến một tài nguyên cung cấp thêm trợ giúp về trang
    nói chung.
Xem Thêm  Chuyển đổi số và những vấn đề đặt ra trong phát triển dịch vụ tài chính - ngân hàng ở Việt Nam - đổi số thập phân ra phân số

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt; , & lt; link & gt;

Không có.

biểu tượng

Xác định tài nguyên để đại diện cho trang trong giao diện người dùng,
thường là một biểu tượng (thính giác hoặc thị giác). Trong trình duyệt, nó thường
được gọi là biểu tượng yêu thích .

Nếu
có nhiều & lt; link rel = "icon" & gt; , trình duyệt
sử dụng media ,
type
thuộc tính kích thước để chọn
biểu tượng thích hợp nhất. Nếu một số biểu tượng thích hợp như nhau,
cái cuối cùng được sử dụng. Nếu biểu tượng thích hợp nhất sau đó được tìm thấy là
không phù hợp, ví dụ: vì nó sử dụng định dạng không được hỗ trợ,
trình duyệt chuyển sang trình duyệt phù hợp nhất tiếp theo, v.v.

Lưu ý: iOS của Apple không sử dụng loại liên kết này, cũng như
thuộc tính kích thước , như
những trình duyệt di động khác làm, để chọn một biểu tượng trang web cho Web Clip hoặc
trình giữ chỗ khởi động. Thay vào đó, nó sử dụng tiêu chuẩn
apple-touch-icon

apple-touch-startup-image
tương ứng.

Cảnh báo: Loại liên kết lối tắt
thường thấy trước icon , nhưng loại liên kết này là
không phù hợp, bị bỏ qua và
tác giả web không được sử dụng nó nữa .

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
chỉ mục

Không được dùng nữa

Cho biết rằng trang là một phần của cấu trúc phân cấp và
rằng siêu liên kết dẫn đến tài nguyên cấp cao nhất của cấu trúc đó.

Nếu
một hoặc một số loại liên kết up cũng có mặt, số
trong số này up cho biết độ sâu của trang hiện tại trong
hệ thống cấp bậc.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
cuối cùng

Không được dùng nữa

Chỉ ra rằng siêu liên kết dẫn đến tài nguyên cuối cùng của
trình tự của trang hiện tại.

Lưu ý:
Các loại liên kết khác liên quan đến việc liên kết các tài nguyên trong cùng một trình tự là
đầu tiên , trước ,
next .

Mặc dù được công nhận, nhưng từ đồng nghĩa
end không chính xác và phải tránh.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
giấy phép

Chỉ ra rằng siêu liên kết dẫn đến tài liệu mô tả
thông tin cấp phép. Nếu không bên trong
Phần tử & lt; head & gt; , tiêu chuẩn không
phân biệt giữa một siêu liên kết áp dụng cho một phần cụ thể của
tài liệu hoặc toàn bộ tài liệu. Chỉ dữ liệu trên trang mới có thể
chỉ ra điều này.

Lưu ý: Mặc dù được công nhận,
từ đồng nghĩa copyright không chính xác và phải tránh.

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt; , & lt; link & gt;

Không có.

tôi

Cho biết rằng tài liệu hiện tại được đại diện bởi người mà
các liên kết giá trị của tôi. Giá trị me thường được sử dụng trong các dạng phân tán
xác minh chẳng hạn như RelMeAuth .

& lt; link & gt; , & lt; a & gt;
& lt; area & gt; , & lt; form & gt;
modulepreload
Bắt đầu tải sớm (và mức độ ưu tiên cao) của các tập lệnh mô-đun.
& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
tiếp theo

Chỉ ra rằng siêu liên kết dẫn đến tài nguyên tiếp theo của
trình tự của trang hiện tại.

Lưu ý:
Các loại liên kết khác liên quan đến việc liên kết các tài nguyên trong cùng một trình tự là
đầu tiên , trước , cuối cùng .

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt; , & lt; link & gt;

Không có.

nofollow

Cho biết rằng tài liệu được liên kết không được xác nhận bởi tác giả của tài liệu này
một, ví dụ nếu nó không có quyền kiểm soát nó, nếu nó là một ví dụ xấu hoặc
nếu có mối quan hệ thương mại giữa hai (liên kết bán). Đây
loại liên kết có thể được sử dụng bởi một số công cụ tìm kiếm sử dụng xếp hạng phổ biến
kỹ thuật.

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
& lt; link & gt;
noopener

Hướng dẫn trình duyệt mở liên kết mà không cấp liên kết mới
duyệt ngữ cảnh truy cập vào tài liệu đã mở nó – bằng cách không
đặt thuộc tính Window.opener trên
cửa sổ đã mở (nó trả về null ).

Xem Thêm  CSS kiểu HTML - bảng định kiểu trong html là gì

Đây là
đặc biệt hữu ích khi mở các liên kết không đáng tin cậy, để đảm bảo
họ không thể giả mạo tài liệu gốc thông qua
Thuộc tính Window.opener (xem
Giới thiệu về rel = noopener
để biết thêm chi tiết), trong khi vẫn cung cấp HTTP Referer
tiêu đề (trừ khi noreferrer cũng được sử dụng).

Lưu ý rằng khi noopener được sử dụng, tên đích không có gì khác
ngoài _top , _self
_parent đều được coi như _blank về mặt
quyết định có mở một cửa sổ / tab mới hay không.

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
& lt; link & gt;
noreferrer

Ngăn trình duyệt, khi điều hướng đến một trang khác, gửi nội dung này
địa chỉ trang hoặc bất kỳ giá trị nào khác, dưới dạng liên kết giới thiệu qua
Referer: HTTP header.
(Trong Firefox, trước Firefox
37, điều này chỉ hoạt động trong các liên kết được tìm thấy trong các trang. Các liên kết được nhấp trong giao diện người dùng,
như “Mở trong tab mới” qua menu ngữ cảnh, đã bỏ qua điều này).

& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
& lt; link & gt;
pingback

Xác định một URI tài nguyên bên ngoài để gọi nếu một người muốn đưa ra nhận xét
hoặc trích dẫn về trang web. Giao thức được sử dụng để thực hiện một cuộc gọi như vậy
được định nghĩa trong
Pingback 1.0
đặc điểm kỹ thuật.

Lưu ý: nếu X-Pingback: Tiêu đề HTTP cũng có, nó thay thế cho
Phần tử & lt; link & gt; với loại liên kết này.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
kết nối trước

Thử nghiệm

Cung cấp gợi ý cho trình duyệt đề xuất rằng nó mở một kết nối với
trang web được liên kết trước, mà không tiết lộ bất kỳ thông tin riêng tư nào
thông tin hoặc tải xuống bất kỳ nội dung nào, để khi liên kết
theo sau nội dung được liên kết có thể được tìm nạp nhanh hơn.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
tìm nạp trước

Đề xuất rằng trình duyệt tìm nạp trước tài nguyên được liên kết, vì nó là
có khả năng được người dùng yêu cầu. Bắt đầu với Firefox 44, giá trị
của thuộc tính crossorigin
được cân nhắc, làm cho nó có thể ẩn danh
tìm nạp trước.

Lưu ý:
Câu hỏi thường gặp về tìm nạp trước liên kết
có thông tin chi tiết về các liên kết có thể được tìm nạp trước và các phương pháp thay thế.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
kết xuất trước

Thử nghiệm

Đề xuất rằng trình duyệt tìm nạp trước tài nguyên được liên kết và
nó cũng hiển thị nội dung được tải trước ra ngoài màn hình để có thể nhanh chóng
trình bày cho người dùng khi cần thiết.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
trước

Chỉ ra rằng siêu liên kết dẫn đến tài nguyên trước của
trình tự của trang hiện tại.

Lưu ý:
Bạn cũng có thể sử dụng từ khóa next để chỉ định một liên kết đến
trang tiếp theo trong chuỗi.

Mặc dù được công nhận, nhưng từ đồng nghĩa
trước không chính xác và phải tránh.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt; , & lt; form & gt;

Không có.

tìm kiếm

Cho biết siêu kết nối tham chiếu đến tài liệu có giao diện
được thiết kế đặc biệt để tìm kiếm trong tài liệu hoặc trang web này và
tài nguyên.

Nếu loại
thuộc tính được đặt thành
application / opensearchdescription + xml tài nguyên là một
plugin Tìm kiếm mở có thể
dễ dàng thêm vào giao diện của một số trình duyệt như Firefox hoặc Internet
Nhà thám hiểm.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt; , & lt; form & gt;

Không có.

liên kết tắt
shortlink Đặc điểm kỹ thuật
Từ Wikipedia, bách khoa toàn thư miễn phí:
URL rút ngắn
Một số trang web tạo liên kết ngắn để tạo liên kết chia sẻ qua
nhắn tin nhanh dễ dàng hơn.

& lt; link & gt;
???

thanh bên

Không chuẩn

Không được dùng nữa

Cho biết rằng siêu liên kết dẫn đến một tài nguyên sẽ tốt hơn
phù hợp với bối cảnh duyệt thứ cấp, chẳng hạn như thanh bên.
Các trình duyệt không có ngữ cảnh như vậy sẽ bỏ qua từ khóa này.

Xem Thêm  Làm cách nào để thêm dòng ngang trong HTML? - quy tắc ngang trong html

Trong khi
một khi là một phần của đặc tả HTML, điều này đã bị xóa khỏi thông số kỹ thuật
và chỉ được triển khai bởi các phiên bản Firefox trước Firefox 63.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;
biểu định kiểu

Xác định một tài nguyên bên ngoài sẽ được sử dụng như một biểu định kiểu. Nếu
type không được đặt, trình duyệt sẽ cho rằng nó là
text / css stylesheet cho đến khi kiểm tra thêm.

Nếu
được sử dụng kết hợp với từ khóa alternate , nó xác định
một
bảng kiểu thay thế ; trong trường hợp đó, title
thuộc tính phải có mặt và không phải là chuỗi trống.

& lt; link & gt;
& lt; a & gt; , & lt; area & gt; ,
& lt; form & gt;
thẻ

Chỉ ra rằng siêu kết nối tham chiếu đến một tài liệu mô tả một
áp dụng cho tài liệu này.

Lưu ý:
Loại liên kết này không nên được đặt trên các liên kết đến một thành viên của đám mây thẻ như
những điều này không áp dụng cho một tài liệu đơn lẻ mà cho một tập hợp các trang.

& lt; a & gt; , & lt; area & gt;
& lt; link & gt; , & lt; form & gt;
up

Không được dùng nữa

Cho biết rằng trang là một phần của cấu trúc phân cấp và
rằng siêu liên kết dẫn đến tài nguyên cấp cao hơn của
cấu trúc.

Số lượng loại liên kết up cho biết
sự khác biệt về độ sâu giữa trang hiện tại và tài nguyên được liên kết.

& lt; a & gt; , & lt; area & gt; ,
& lt; link & gt;
& lt; form & gt;


Xem thêm những thông tin liên quan đến chủ đề các loại liên kết trong html

Link Html – Tạo liên kết các nội dung trên website | Unitop.vn

  • Tác giả: Phan Văn Cương [Học Web Online]
  • Ngày đăng: 2021-10-28
  • Đánh giá: 4 ⭐ ( 7593 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách sử dụng link trong html? Trong video này tôi chia sẻ cho bạn những thứ cần biết về link để giúp bạn làm chủ quá trình xây dựng website của mình.

    ——
    » » Bấm đăng ký kênh để tránh bỏ sót video mới://bit.ly/2RMvXez
    » » Nhận tài liệu học web miễn phí qua mail: https://www.hocwebdilam.com
    ————
    Liên Kết Quan Trọng
    » Nhận tài liệu miễn phí: https://hocwebdilam.com?utm_source=youtube
    » Blog lập trình: http://unitop.com.vn
    » Đăng ký khoá học web đi làm: https://unitop.vn
    » Fanpage: https://facebook.com/unitop.vn
    » Fb: https://facebook.com/cuongtienlen

    ————————–
    Xem Lộ Trình Học Lập Trình Web Đi Làm
    » http://unitop.vn

    unitop hocwebdilam

[Bài 5] Liên kết trong HTML5

  • Tác giả: tienminhvy.com
  • Đánh giá: 5 ⭐ ( 9703 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, mình sẽ giới thiệu với các bạn một thẻ thường rất được dùng, đó chính là thẻ liên kết trong HTML5, cùng với cú pháp và một số thứ liên quan đến nó.

[HTML] Thẻ a tạo liên kết trang web

  • Tác giả: www.codelean.vn
  • Đánh giá: 3 ⭐ ( 7259 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CodeLean.vn là nơi chia sẻ kiến thức của những người học, làm và dạy trong lĩnh vực công nghệ thông tin.

Cách tạo một cái liên kết (Link) trong HTML

  • Tác giả: www.cic32.com.vn
  • Đánh giá: 3 ⭐ ( 5153 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách tạo một cái liên kết (Link) trong HTML

[HTML/HTML5] Phần 14: Liên kết trong HTML

  • Tác giả: www.dammio.com
  • Đánh giá: 5 ⭐ ( 7146 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách Liên Kết Các Trang Web Với Nhau, Thẻ Tạo Liên Kết Html

  • Tác giả: sarakhanov.com
  • Đánh giá: 5 ⭐ ( 5018 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Liên kết trong HTML – Cú phápCáᴄ liên kết ᴄụᴄ bộLiên kết trong HTML – Màu ѕắᴄLiên kết trong HTML – Thuộᴄ tính targetLiên kết trong HTML – Liên kết dùng hình ảnhVí dụ 7Cáᴄ liên kết trong HTMLLiên kết đượᴄ tìm thấу trong hầu hết ᴄáᴄ trang ᴡeb, Liên kết ᴄho phép người ѕử dụng kíᴄh ᴄhuột để di ᴄhuуển từ trang nàу đến trang kháᴄ

Liên kết trong HTML

  • Tác giả: webvn.com
  • Đánh giá: 5 ⭐ ( 6409 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ví dụ và cách sử dụng liên kết trong HTML.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình