Hướng dẫn target html - nhắm mục tiêu html

Hosting & Domain

hay

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.

Định nghĩa và sử dụng

Cấu trúc

:target{
    property: value; 
}

Ví dụ

HTML viết:



link anchor 01

link anchor 02

0 [Anchor - mỏ neo - tạo một điểm neo trên trang] trong sử dụng thuộc tính href [hyperlink reference] để chỉ ra địa chỉ đích mà link mở ra.
0
[Anchor - mỏ neo - tạo một điểm neo trên trang] trong sử dụng thuộc tính href [hyperlink reference] để chỉ ra địa chỉ đích mà link mở ra.

Ví dụ bạn tạo link tới trang //xuanthulab.net/html/

Học HTML

Với code HTML như trên, nó sẽ hiện thị dạng link text là: Học HTMLHọc HTML

Khi bạn bấm chuột vào link, trình duyệt sẽ chuyển hướng đến trang có địa chỉ

2

Lưu ý là địa chỉ URL chỉ ra trong href có thể là địa chỉ tuyệt đối ["//xuanthulab.net/html/"] hoặc địa chỉ tương đối ["/html/"].href có thể là địa chỉ tuyệt đối ["//xuanthulab.net/html/"] hoặc địa chỉ tương đối ["/html/"].

href nếu là email thì viết

3 href là số điện thoại thì viết:
4
href là số điện thoại thì viết:
4

Thuộc tính target của

Thuộc tính

5 xác định các xuất hiện trong của sổ trình duyệt khi người dùng nhấn vào liên kết. Có thể thiết lập các giá trị:

Học HTML

Link đến tài nguyên không phải HTML [như link đến file ,mp3, .doc ...], với các tài nguyên này tùy loại trình duyệt có loại nó sẽ tải download về, có loại có thể mở ra xem ngay trên trình duyệt [ví dụ file ảnh, pdf ... có thể trình duyệt tải và mở ngay, nhưng có những file .rar, .zip, có thể nó chỉ tải về] [như link đến file ,mp3, .doc ...], với các tài nguyên này tùy loại trình duyệt có loại nó sẽ tải download về, có loại có thể mở ra xem ngay trên trình duyệt [ví dụ file ảnh, pdf ... có thể trình duyệt tải và mở ngay, nhưng có những file .rar, .zip, có thể nó chỉ tải về]

Tải nhạc

Thẻ có rel="nofollow"

Đây là thuộc tính thiết lập liên quan đến công cụ tìm kiếm [như Google Search] Khi bạn liên kết tới một địa chỉ URL của một Website khác, nếu có thuộc tính rel="nofollow" thì trang web đó [địa chỉ URL đó] không liên quan đến website của bạn. Google không coi đường link của bạn như là một vote cho website kia, robots của Google không lần theo địa chỉ từ thẻ của bạn để đến thu thập dữ liệu của URL kia.

Đây là địa chỉ xấu

Biên tập HTML link ở hộp sau và xem kết quả ở dưới

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề