target - SVG: Scalable Vector Graphics 编辑
The target
attribute should be used when there are multiple possible targets for the ending resource, such as when the parent document is embedded within an HTML or XHTML document, or is viewed with a tabbed browser. This attribute specifies the name of the browsing context (e.g., a browser tab or an (X)HTML iframe or object element) into which a document is to be opened when the link is activated:
Only one element is using this attribute: <a>
html, body, svg {
height: 100%;
}
text {
font: 20px Arial, Helvetica, sans-serif;
fill: blue;
text-decoration: underline;
}
<svg viewBox="0 0 300 120" xmlns="http://www.w3.org/2000/svg">
<a href="https://developer.mozilla.org" target="_self">
<text x="0" y="20">Open link within iframe</text>
</a>
<a href="https://developer.mozilla.org" target="_blank">
<text x="0" y="60">Open link in new tab or window</text>
</a>
<a href="https://developer.mozilla.org" target="_top">
<text x="0" y="100">Open link in this tab or window</text>
</a>
</svg>
Usage notes
Value | _self | _parent | _top | _blank | <XML-Name> |
---|---|
Default value | _self |
Animatable | Yes |
_replace
The current SVG image is replaced by the linked content in the same rectangular area in the same frame as the current SVG image.
Note: This value was never well implemented, and the distinction between
_replace
and_self
has been made redundant by changes in the HTML definition of browsing contexts. Use_self
to replace the current SVG document._self
- The current SVG image is replaced by the linked content in the same browsing context as the current SVG image.
_parent
- The immediate parent browsing context of the SVG image is replaced by the linked content, if it exists and can be securely accessed from this document.
_top
- The content of the full active window or tab is replaced by the linked content, if it exists and can be securely accessed from this document
_blank
- A new un-named window or tab is requested for the display of the linked content, if this document can securely do so. If the user agent does not support multiple windows/tabs, the result is the same as _top.
<XML-Name>
- Specifies the name of the browsing context (tab, inline frame, object, etc.) for display of the linked content. If a context with this name already exists, and can be securely accessed from this document, it is re-used, replacing the existing content. If it does not exist, it is created (the same as '_blank', except that it now has a name). The name must be a valid XML Name [XML11], and should not start with an underscore (U+005F LOW LINE character), to meet the requirements of a valid browsing context name from HTML.
Specifications
Specification | Status | Comment |
---|---|---|
Scalable Vector Graphics (SVG) 2 The definition of 'target' in that specification. | Candidate Recommendation | Removed the _replace value. |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'target' in that specification. | Recommendation | Initial definition |
Browser compatibility
BCD tables only load in the browser
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论