Thuộc tính đích của phần tử được sử dụng để đặt nơi tài liệu được liên kết sẽ mở. Bạn có thể đặt tài liệu để mở trong một cửa sổ mới, cùng một khung, khung chính, v.v.
Sau đây là cú pháp -
<a 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, _self 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ổ, frame 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 target trong phần tử -
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Learning is Fun</h2> <p><strong>Note −</strong> The links will open in new window.</p> <p><a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank">Tutorials Library</a><br> <a href="https −//www.tutorialspoint.com/programming_examples/" target="_blank">Codes</a><br> <a href="https −//www.tutorialspoint.com/computer_glossary.htm" target="_blank">Computer Glossary</a> <br> </body> </html>
Điều này sẽ tạo ra kết quả sau. Các liên kết dưới đây sẽ mở trong cửa sổ mới -
Trong ví dụ trên, chúng ta đã đặt target trong thuộc tính target -
<a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank"> Tutorials Library </a>
Tập hợp thuộc tính ở trên có giá trị _blank, mở liên kết trong thuộc tính href trong một cửa sổ mới -
target="_blank"