你从未见过的target的多种神奇用法

HTML 中的 a 标签（也称为锚元素）用于创建超链接。当用户点击超链接时，浏览器会根据 a 标签的 target 属性来决定在何处打开链接的资源。

target 属性有六个可能的值：

• _blank ：在新的浏览器窗口或标签页中打开链接。
• _self ：在当前浏览器窗口或标签页中打开链接。
• _parent ：在父框架中打开链接。
• _top ：在浏览器窗口或标签页的顶部框架中打开链接。
• _framename ：在指定的框架中打开链接。
• 自身页面 ：在相同的窗口或者标签页打开链接。

target 属性的用法

target 属性可以用于控制链接页面的打开方式，例如：

• 如果要在新的浏览器窗口或标签页中打开链接，可以使用 target="_blank"。
• 如果要在当前浏览器窗口或标签页中打开链接，可以使用 target="_self"。
• 如果要在父框架中打开链接，可以使用 target="_parent"。
• 如果要在浏览器窗口或标签页的顶部框架中打开链接，可以使用 target="_top"。
• 如果要在指定的框架中打开链接，可以使用 target="_framename"。

代码示例

<a href="https://www.example.com" target="_blank">Example Link</a>

上面的代码将创建一个链接，当用户点击时，将在新的浏览器窗口或标签页中打开 https://www.example.com。

<a href="https://www.example.com" target="_self">Example Link</a>

上面的代码将创建一个链接，当用户点击时，将在当前浏览器窗口或标签页中打开 https://www.example.com。

<a href="https://www.example.com" target="_parent">Example Link</a>

上面的代码将创建一个链接，当用户点击时，将在父框架中打开 https://www.example.com。

<a href="https://www.example.com" target="_top">Example Link</a>

上面的代码将创建一个链接，当用户点击时，将在浏览器窗口或标签页的顶部框架中打开 https://www.example.com。

<a href="https://www.example.com" target="_framename">Example Link</a>

上面的代码将创建一个链接，当用户点击时，将在指定的框架中打开 https://www.example.com。

总结

target 属性是一个非常有用的 HTML 属性，可以让你控制链接页面的打开方式。合理使用 target 属性，可以提高用户体验，让你的网站更易于使用。