在 HTML 中，`
target` 并非独立
标签，而是 `<a>`、`<form>` 等
标签的属性，用于指定链接或表单提交后，目标内容的显示方式。以下是其使用方法和相关知识：
### `<a>`
标签中的 `
target` 属性
`<a>`
标签用于创建超链接，`
target` 属性可控制链接页面的打开位置。常见取值如下：
- `_self`：默认值，在当前窗口或框架中打开链接。
```html
<a href="https://www.example.com"
target="_self">打开链接</a>
```
- `_blank`：在新窗口或新
标签页中打开链接。
```html
<a href="https://www.example.com"
target="_blank">在新窗口打开链接</a>
```
- `_parent`：在父框架中打开链接。若没有父框架，则等同于 `_self`。
```html
<frameset>
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
<frame src="frame3.html">
<a href="https://www.example.com"
target="_parent">在父框架打开链接</a>
</frame>
```
- `_top`：在整个浏览器窗口中打开链接，会取消所有框架。
```html
<frameset>
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
<frame src="frame3.html">
<a href="https://www.example.com"
target="_top">在整个窗口打开链接</a>
</frame>
```
### `<form>`
标签中的 `
target` 属性
`<form>`
标签用于创建 HTML 表单，`
target` 属性可指定表单提交后响应页面的显示位置，取值与 `<a>`
标签类似。
- `_self`：在当前窗口或框架中显示表单提交后的响应页面。
```html
<form action="submit.php" method="post"
target="_self">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
```
- `_blank`：在新窗口或新
标签页中显示表单提交后的响应页面。
```html
<form action="submit.php" method="post"
target="_blank">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
```
- `_parent`：在父框架中显示表单提交后的响应页面。
```html
<frameset>
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
<frame src="frame3.html">
<form action="submit.php" method="post"
target="_parent">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
</frame>
```
- `_top`：在整个浏览器窗口中显示表单提交后的响应页面。
```html
<frameset>
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
<frame src="frame3.html">
<form action="submit.php" method="post"
target="_top">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
</frame>
```
### 自定义窗口名称
`
target` 属性还可以指定自定义的窗口或框架名称，实现特定的显示效果。
```html
<a href="https://www.example.com"
target="myWindow">在自定义窗口打开链接</a>
<form action="submit.php" method="post"
target="myWindow">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
```
扫一扫
5900
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
