菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

SVG 链接


SVG 链接 - <a>

元素 <a> 用于创建链接。

元素 <a> 可用于文本和图形。

元素 <a> 有七个基本属性

Attribute 描述
href 要去的 URL
download 告诉浏览器下载 URL 而不是跳转到它
hreflang 链接指向页面的语言
referrerpolicy 获取 URL 时要发送的引用者
rel 目标对象与链接对象的关系
target 打开链接的位置。可以是 _self、_parent、_top、_blank 或一个名称
type 链接 URL 的 MIME 类型

文本作为超链接

文本作为链接(使用 <a> 元素)

I love SVG! Sorry, your browser does not support inline SVG.

这是 SVG 代码

示例

<svg height="30" width="200" xmlns="http://www.w3.org/2000/svg">
  <a href="https://w3schools.org.cn/graphics/" target="_blank">
    <text x="5" y="15" fill="red">我爱 SVG!</text>
  </a>
</svg>
自己动手试一试 »

代码解释

  • href 属性定义要去的 URL
  • target 属性定义打开链接的位置(这里链接将在新窗口/标签页中打开)

图形作为超链接

一个圆作为链接(使用 <a> 元素)

Sorry, your browser does not support inline SVG.

这是 SVG 代码

示例

<svg height="100" width="200" xmlns="http://www.w3.org/2000/svg">
  <a href="https://w3schools.org.cn/graphics/" target="_blank">
    <circle r="45" cx="50" cy="50" fill="red" />
  </a>
</svg>
自己动手试一试 »

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持