Search…

HTML - Phần 3: Thẻ Liên Kết trong HTML

29/08/20202 min read
Thẻ liên kết <a href="...">...</a> được xem như là trái tim của 1 trang web, thẻ liên kết giúp điều hướng giữa các trang trong 1 website, từ trang này qua trang khác chỉ thông qua 1 cú nhấn.

Cấu trúc thẻ liên kết

Thẻ liên kết có chức năng điều hướng giữa các trang web trong website, ngoài ra còn được dùng để làm bookmark, được định nghĩa bởi thẻ <a> có cấu trúc như sau:

<a href="liên kết" target="_blank">Nội dung hiển thị</a>

Các thuộc tính của thẻ <a>

  • href: đường dẫn đến website cụ thể.
  • target: cách thức mở 1 trang web.
    • _self: mở với tab hiện tại, nếu không có thuộc tính target, mặc định sẽ là _self.
    • _blank: mở với tab mới.
    • _parent: mở với frame chứa frame của trang web hiện tại (nếu trang này được tải bởi iframe).
    • _top: vượt đến cấp cao nhất của frame, mở với frame gốc (tab hiện tại) (nếu trang được mở bởi các iframe lồng nhau).

Ví dụ đơn giản về thẻ <a>:

SELF: <a href="https://training.stdio.vn/" target="_self">STDIO Training</a><br/>
BLANK: <a href="https://training.stdio.vn/" target="_blank">STDIO Training</a>

Kết quả:

SELF: STDIO Training
BLANK: STDIO Training

Chuyển trang chung miền

Liên kết với những trang web phía bên ngoài cần 1 đường dẫn đầy đủ, trong khi đó nếu các đường dẫn chung 1 tên miền có thể sử dụng đường dẫn tương đối.

Giả sử có 2 file là page1.htmlpage2.html cùng 1 miền và lưu chung thư mục.

page1.html

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <h3>Trang Nhất</h3>
    <a href="page2.html" >Chuyển đến Trang Hai</a>
  </body>
</html>

page2.html

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <h3>Trang Hai</h3>
    <a href="page1.html" >Chuyển về Trang Nhất</a>
  </body>
</html>

Sau khi chạy một trong hai file .html, có thể điều hướng giữa hai trang page1.htmlpage2.html. nhưng không cần thêm thông tin về tên miền.

Bài chung series

IO Stream

IO Stream Co., Ltd

30 Trinh Dinh Thao, Hoa Thanh ward, Tan Phu district, Ho Chi Minh city, Vietnam
+84 28 22 00 11 12
developer@iostream.co

383/1 Quang Trung, ward 10, Go Vap district, Ho Chi Minh city
Business license number: 0311563559 issued by the Department of Planning and Investment of Ho Chi Minh City on February 23, 2012

©IO Stream, 2013 - 2024