Hướng dẫn target html - nhắm mục tiêu html
 Show 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. 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ẻ targetThinhWeb 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ụ: 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:Hiển thị trình duyệt khi chưa có CSS:CSS viết::target{
background: blue;
}Hiển thị trình duyệt khi đã có css:Click vào link anchor 01 và link anchor 02 để xem code chạy như thế nào.link anchor 01 và link anchor 02 để xem code chạy như thế nào. Trình duyệt hỗ trợ":target" được hỗ trợ trong đa số các trình duyệt, ngoài trừ trình duyệt Internet Explorer.
target="giá trị" Sau đây là các giá trị của thuộc tính target ▫ _blank thì nó sẽ mở liên kết trên tab mới▫ _self thì nó sẽ mở liên kết trên tab hiện tại▫ _parent thì nó sẽ mở liên kết 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. Ví dụ:Ví dụ: Học html
Nếu không hiểu thì các bạn hãy để lại bình luận Chúc bạn thành công
Phần tử liên kết - mỏ neoCác liên kết - link là một phần không thể thiếu cho mọi trang web. Bạn có thể thêm link dạng text(văn bản) hay dạng ảnh mà người dùng bấm chuột vào nó để chuyển hướng đến một trang web khác, một file khác. Thẻ (anchor - mỏ neo) được dùng để tạo ra các liên kết, với thuộc tính Xem để hiểu Cấu trúc địa chỉ URLCấu trúc địa chỉ URL Ví dụ: Thuộc tính href củaBạn tạo liên kết (link) bằng thẻ href (hyperlink reference) để chỉ ra địa chỉ đích mà link mở ra.href (hyperlink reference) để chỉ ra địa chỉ đích mà link mở ra.Ví dụ bạn tạo link tới trang https://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ỉ Lưu ý là địa chỉ URL chỉ ra trong href có thể là địa chỉ tuyệt đối ("https://xuanthulab.net/html/") hoặc địa chỉ tương đối ("/html/").href có thể là địa chỉ tuyệt đối ("https://xuanthulab.net/html/") hoặc địa chỉ tương đối ("/html/"). href nếu là email thì viết href là số điện thoại thì viết: Thuộc tính target củaThuộc tính
target="_blank" >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 |
