Area target 属性

在 web 开发中，我们经常会使用 <area> 标签来定义图像映射区域，以便在图像上创建可点击的区域。<area> 标签有一个 target 属性，用于指定链接的打开方式。在本文中，我将详细介绍 target 属性的用法及其各种取值。

_blank

_blank 是 target 属性的一个常用取值，它表示在新窗口或新标签页中打开链接。这通常用于在用户点击链接时不让当前页面跳转，而是在新的页面中打开链接。示例代码如下：

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm" target="_blank">
</map>

_self

_self 是 target 属性的另一个常用取值，它表示在相同的框架或窗口中打开链接。这是 target 属性的默认取值，如果没有指定 target 属性，链接将在当前窗口中打开。示例代码如下：

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm" target="_self">
</map>

_parent

_parent 是 target 属性的另一个取值，它表示在父框架中打开链接。如果当前页面包含在一个框架中，并且链接需要在父框架中打开，可以使用 target="_parent"。示例代码如下：

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm" target="_parent">
</map>

_top

_top 是 target 属性的另一个取值，它表示在顶层框架中打开链接。如果当前页面包含在多层嵌套的框架中，并且链接需要在顶层框架中打开，可以使用 target="_top"。示例代码如下：

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm" target="_top">
</map>

除了以上介绍的几种常用取值外，target 属性还可以设置为任何有效的窗口名称，以在指定的窗口中打开链接。使用 target 属性可以更灵活地控制链接的打开方式，为用户提供更好的浏览体验。