使用target 屬性可控制鏈接打開位置，1. 使用_self 在當前頁打開（默認）；2. 使用_blank 在新標籤頁打開外部鏈接，且必須添加rel="noopener" 以確保安全；3. 使用_parent 在父框架中打開；4. 使用_top 在頂層窗口打開以跳出框架；應謹慎使用_blank，僅用於外部鏈接或下載頁，避免干擾用戶瀏覽體驗，最終默認_self 通常最佳。

The target attribute in HTML5 is used with the <a></a> (anchor) tag to specify where a linked document should open when the user clicks on the link. It's a simple but powerful way to control navigation behavior.

Here's how it works:

Basic Syntax

 <a href="https://example.com" target="value">Visit Example</a>

The target attribute accepts several predefined values, each with a specific purpose.

Common target Values

• _self (default)
  Opens the link in the same tab or window . This is what happens by default if you don't specify a target .

   <a href="https://example.com" target="_self">Open here</a>

• _blank
  Opens the link in a new tab or window (depending on browser settings). This is useful when linking to external sites.

  

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

  ? Security Tip : When using target="_blank" , always add rel="noopener" (or rel="noreferrer" ) to prevent potential security vulnerabilities and performance issues.

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

• _parent
  Opens the link in the parent frame —useful when working with frames or iframes. If there's no parent, it behaves like _self .

   <a href="https://example.com" target="_parent">Open in parent</a>

• _top
  Opens the link in the full body of the window , breaking out of any frames or iframes. If not in a frame, acts like _self .

   <a href="https://example.com" target="_top">Open in top</a>

  ---

  When to Use target="_blank"

  Use target="_blank" sparingly—mainly for:

  • External links (eg, linking to social media, documentation, or third-party sites)
  • Downloads or print pages you don't want to navigate away from your site

  But avoid it for internal navigation. Users generally prefer control over where links open.

  ---

  Best Practices

  • ? Use rel="noopener" with target="_blank" for security
  • ? Avoid opening links in new tabs without good reason (can disrupt user experience)
  • ? Test how links behave, especially in embedded contexts (like iframes)

  ---

  So, basically:
  Use target="_blank" when you want a new tab (especially for external links), and always pair it with rel="noopener" . For everything else, the default _self is usually best.

  以上是如何將目標屬性用於HTML5中的鏈接？的詳細內容。更多資訊請關注PHP中文網其他相關文章！