Hướng dẫn sử dụng thẻ target trong lập trình web

html-code

Thẻ target là một trong những thẻ phổ biến trong html cũng như lập trình web. Thẻ này dùng vào mục đính điều hướng liên kết theo 4 cách thường được sử dụng trên tất cả các website.

Nhưng hiện nay nhiều bạn lại quên mất đi công cụng của thẻ này cũng như ko biết làm sao để khi click chuột vào link sẽ sang một cửa sổ trình duyệt mới hay tab trình duyệt mới. Chính vì thế hôm nay ThinhWeb Blog chia sẻ với bạn chi tiết về thẻ target này cũng như lý giả cụ thể ý nghĩa cũng như trường hợp sử dụng. Sau đây mình sẽ nói chi tiết cụ thể của thẻ target

Với thẻ target bạn chỉ sử dụng được trong thẻ a của website mà thôi

Ví dụ:

<a href="https://thinhweb.com/hosting-domain/" target="_blank">Hosting & Domain</a>

hay

<a href="https://thinhweb.com/" target="_blank"><img src="https://thinhweb.com/wp-content/uploads/2016/03/logo.png"></a>

Thẻ target=”_blank”

Khi bạn sử dụng thẻ target=”_blank” thì điều đầu tiên dễ nhận thấy đó là bạn click vào link hoặc ảnh sử dụng thẻ này nó sẽ chuyển link đó sang tab mới của trình duyệt. Thẻ này được trình duyệt nhận diện đó là tab mới.

Nhưng không phải chỗ nào bạn cũng dùng được vì đơn giản đối với danh sách các bài viết mới mà bạn dùng như vậy sẽ khiến trình duyệt của người truy cập mở nhiều tab mới và như vậy làm người truy cập không còn thích thú đối với website của bạn và dẫn đến bạn sẽ mất khách truy cập tiềm năng.

Chính vì vậy thẻ target=”_blank” thường được dùng để chèn các liên kết và quảng cáo ngoài website của bạn.

Thẻ target=”_self”

Đối với target=”_self” nó cũng tương tự với target=”_blank” nhưng nó sẽ loại chuyển liên kết ngay trại trang bạn đang sử dụng mà không mở sang tab mới trên trình duyệt.

Thẻ target=”_parent”

Với thẻ target=”_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

Thẻ target=”_top”

Thẻ target=”_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.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Back To Top