如何使用目標屬性在新選項卡或窗口中打開鏈接？

要讓鏈接在新標籤頁或窗口中打開，最簡單的方法是使用HTML錨點標籤中的target屬性；具體來說，添加target="_blank"即可實現該功能；同時為了安全起見，建議配合rel="noopener"使用，以防止新頁面訪問原始頁面的window對象；默認情況下，鏈接會在當前標籤頁打開，相當於target="_self"；此外還有target="_top"和target="_parent"用於處理框架集的情況，但如今較少使用；還可以自定義target名稱，使多個鏈接在同一命名窗口或標籤頁中打開。

When you want a link to open in a new tab or window, the easiest way is to use the target attribute in your HTML anchor ( <a></a> ) tag. It's simple and works reliably across modern browsers.

Use target="_blank" for New Tabs

If you want a link to open in a new tab (or window, depending on browser settings), just add target="_blank" to your <a></a> tag like this:

 <a href="https://example.com" target="_blank">Open in new tab</a>

This tells the browser to load the link in a new context. It's commonly used when linking to external sites so users don't lose your page.

One thing to note: if you're using target="_blank" , it's also good practice to include rel="noopener" for security reasons. This prevents the new page from accessing the original page's window object, which can help protect against certain types of attacks.

 <a href="https://example.com" target="_blank" rel="noopener">Safe external link</a>

Use target="_self" or Leave It Blank for Same Tab

By default, links open in the same tab — that's because the default behavior is equivalent to setting target="_self" :

 <a href="https://example.com" target="_self">Open in same tab</a>

You don't really need to write that out unless you're overriding some other behavior elsewhere on the page.

Use target="_top" or target="_parent" for Framesets (Rare)

These are less common these days since framesets aren't widely used, but if you're working within one, here's what they do:

• target="_top" loads the link in the full browser window, ignoring any frames.
• target="_parent" loads the link in the parent frameset, if the current frame isn't the topmost one.

Unless you're dealing with legacy systems or embedded content, you probably won't run into these much.

Other Named Targets for Custom Behavior

You can also define your own target names. For example, if you have multiple links that all use the same custom target name, they'll open in the same tab or window:

 <a href="page1.html" target="myWindow">Page 1</a>
<a href="page2.html" target="myWindow">Page 2</a>

The first click opens a new tab/window named "myWindow", and subsequent clicks reuse that same tab/window. Handy for things like dashboards or tools where you want consistent navigation behavior.

That's basically how the target attribute works. It's straightforward but powerful once you understand the options. Just keep in mind that while target="_blank" is super useful, always pair it with rel="noopener" to stay safe.

以上是如何使用目標屬性在新選項卡或窗口中打開鏈接？的詳細內容。更多資訊請關注PHP中文網其他相關文章！