Bài 8: Dùng thẻ a trong HTML để tạo links

Nếu bạn tìm hiểu SEO thì sẽ thấy thẻ a đóng vai trò khá quan trọng khi bạn đi backlink. Chúng ta có hai loại link đó là link nội bộlink out ra ngoài website khác. Link nội bộ là link chỉ liên kết tới những trang nằm trong nội bộ của domain, còn link out ra ngoài là link trỏ tới những website không phải là domain hiện tại.

<a href="https://cunghocweb.com" target="_blank" title="học lập trình online" rel="follow, index">Go to cunghocweb.com</a>

Trong đó thuộc tính:

  • href là đường link đến địa chi website đích
  • title là tiêu đề cho đường link
  • rel là các giá trị dành cho SEO
  • target là các tùy chọn, nếu nó có giá trị (giá trị mặc định là _self):
    • _blank thì nó sẽ chuyên link trên tab mới
    • _self thì nó sẽ chuyển link trên tab hiện tại
    • _parent thì nó sẽ chuyển link tới tab mở tab hiện tại. Ta còn hay gọi là tab cha của tab hiện tại
    • _top thì nó sẽ nhảy tới tab hiện tại và thường dùng trong iframe khi muốn thoát khỏi iframe và chạy tới trang gốc luôn.

Thẻ a chạy tới vị trí trong bổ cục trang web: Ngoài cách đặt link vào thuộc tính href thì bạn có thể đặt một giá trị với cú pháp href="#id_name" để khi người dùng click vào thì nó sẽ nhảy tới vị trí của thẻ HTML có id="id_name" trong trang hiện tại.

Ví dụ: Khi click vào thẻ a thì sẽ nhảy tới thẻ div#footer trong trang hiện tại.

<a href="#footer" title="học lập trình online" rel="follow, index">Đi tới div#footer</a>

Thẻ a gồm có 4 trạng thái chính đó là:

  1. link
  2. visited
  3. hover
  4. active
Chia sẻ bài viết

Bài 8: Dùng thẻ a trong HTML để tạo links

Hoặc copy địa chỉ

Nội dung

Bài 5: Cách tạo comment trong Python

Bài 4: Cách khai báo biến trong Python

Bài 3: Cài đặt Intellij IDEA và chạy Hello World trong Python

Bài 2: Hướng dẫn download và cài đặt python trên Windows

Bài 5: Tìm hiểu về Props trong ReactJS

Bài 4: Components trong ReactJS

Bài 3: Giới thiệu JSX trong ReactJS

Bài 2: Cài đặt môi trường chạy ReactJS

Bài 18: Thuộc tính icon trong CSS

Các biểu tượng có thể dễ dàng được thêm vào trang HTML của b...

Bài 17: Thuộc tính box model trong CSS

Bài 16: Thuộc tính outline trong CSS

Bài 15: Thuộc tính Height/Width trong CSS

Chat Icon Close Icon