Thuộc tính target của phần tử
Sau đây là cú pháp -
<base target="_blank|_self|_parent|_top| frame">
Ở đây, _blank được sử dụng để mở tài liệu được liên kết trong cửa sổ hoặc tab mới, _sự tự mở tài liệu được liên kết trong cùng một khung khi nó được nhấp vào, _parent mở tài liệu trong khung chính, _top mở tài liệu được liên kết trong toàn bộ nội dung của cửa sổ, khung mở tài liệu được liên kết trong một khung được đặt tên.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính đích của phần tử
Ví dụ
<!DOCTYPE html> <html> <head> <base href="https://www.example.com/tutorials/" target="_blank"> </head> <body> <h2>Tutorials List</h2>Java Tutorial
(This will act as https://www.example.com/tutorials/java.html)
jQuery Tutorial
(This will act as https://www.example.com/tutorials/jquery.html)
Blockchain Tutorial
(This will act as https://www.example.com/tutorials/blockchain.html)
Python Tutorial
(This will act as https://www.example.com/tutorials/python.html)
</body> </html>
Điều này sẽ tạo ra kết quả sau. Khi bạn nhấp vào bất kỳ liên kết nào bên dưới, liên kết đó sẽ mở ra trong một cửa sổ mới vì nó được đặt _blank -
Ở trên, chúng tôi đã đặt URL cơ sở -
<base href="https://www.example.com/tutorials/" target="_blank">
Tất cả các URL bây giờ sẽ mở trong cửa sổ mới vì chúng tôi đã đặt thuộc tính đích cho phần tử
target="_blank"