Làm thế nào để làm cho HTML mở một siêu liên kết trong một cửa sổ hoặc tab khác?

Đây là một dòng cho một siêu liên kết trong HTML:

<a href="http://www.starfall.com/">Starfall</a>

Do đó, nếu tôi nhấp vào "Starfall", trình duyệt của tôi - tôi đang sử dụng FireFox - sẽ đưa tôi đến trang mới đó và nội dung trong cửa sổ của tôi sẽ thay đổi. Tôi tự hỏi, làm thế nào tôi có thể thực hiện điều này trong HTML để trang mới được mở trong một cửa sổ mới thay vì thay đổi cửa sổ trước đó? Có cách nào như vậy trong HTML không?

Và nếu có, có cách nào để mở trang được yêu cầu trong một tab khác (không phải cửa sổ khác) của trình duyệt của tôi không?

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Dù nó mở trong một tab hay một cửa sổ khác là tùy thuộc vào cách người dùng đã định cấu hình trình duyệt của mình.

Cách đơn giản nhất là thêm thẻ mục tiêu.

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

Sử dụng một giá trị khác cho thuộc tính đích cho mỗi liên kết nếu bạn muốn chúng mở trong các tab khác nhau, cùng một giá trị cho thuộc tính đích nếu bạn muốn chúng thay thế các tab khác.

sử dụng target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

Bạn sẽ có thể thêm

target="_blank"

giống

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

Các targetthuộc tính là cách tốt nhất để làm điều này bạn.

<a href="http://www.starfall.com" target="_blank">

sẽ mở nó trong một tab hoặc cửa sổ mới. Đối với điều đó, nó phụ thuộc vào cài đặt của người dùng.

<a href="http://www.starfall.com" target="_self">

là mặc định. Nó làm cho trang mở trong cùng một tab (hoặc iframe, nếu đó là những gì bạn đang xử lý).
Hai cách tiếp theo chỉ tốt nếu bạn đang xử lý iframe.

<a href="http://www.starfall.com" target="_parent">

sẽ mở liên kết trong iframe mà iframe có liên kết đó.

<a href="http://www.starfall.com" target="_top">

sẽ mở liên kết trong tab, bất kể nó phải trải qua bao nhiêu iframe.

target = _blank sẽ mở trong tab hoặc cửa sổ mới dựa trên cài đặt trình duyệt.

Để bắt buộc một cửa sổ mới, hãy sử dụng javascript onclick cả ba phần đều cần thiết. url, tên và kích thước chiều rộng và chiều cao của cửa sổ hoặc nó sẽ chỉ mở trong một tab mới.

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

Bạn cũng có thể thực hiện điều này bằng cách thêm phần sau vào tiêu đề trang của bạn:

<base target="_blank">

Điều này sẽ làm cho TẤT CẢ các liên kết trên trang của bạn mở trong một tab mới

Vì web phát triển nhanh chóng, một số thứ thay đổi theo thời gian. Đối với các vấn đề bảo mật, bạn có thể muốn sử dụng rel="noopener"thuộc tính liên quan đến của bạn target="_blank".

Giống như đã nêu trong Tài liệu Google Dev , trang khác có thể truy cập đối tượng cửa sổ của bạn bằng window.opener property. Liên kết bên ngoài của bạn bây giờ sẽ giống như thế này:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

ví dụ dưới đây với target="_blank"các tác phẩm dành cho Safari và Mozilla

<a href="http://www.starfall.com" `target="_blank"`>

Sử dụng target="new"hoạt động cho Chrome

<a href="http://www.starfall.com" `target="new"`>