html文字链接代码

创建超链接需用` 标签，设置href 为目标网址，如

HTML文字链接基础语法

文字链接通过<a>标签实现，核心属性为href（指定链接地址），基本结构如下：

<a href="目标URL">链接文本</a>

链接类型	代码示例	说明
网页链接	`<a href="https://example.com">访问示例网站</a>`	跳转到外部或内部网页
锚点链接（站内跳转）	`<a href="#section1">跳转到第一部分</a>`	跳转到当前页面`id="section1"`的元素
邮件链接	`<a href="mailto:user@example.com?subject=咨询"`>发送邮件	自动打开默认邮箱客户端，预填收件人和主题
下载链接	`<a href="file.pdf" download>下载PDF文件</a>`	触发文件下载（需浏览器支持）
空链接（占位用途）	`<a href="javascript:;">暂无链接</a>`	点击无跳转，常用于交互占位

target：控制链接打开方式
- _self：当前窗口（默认）
- _blank：新窗口/标签页
- _parent：父框架
- _top：顶级窗口
  示例：<a href="https://example.com" target="_blank">外部链接</a>
download：强制下载文件（需配合文件路径）
示例：<a href="image.jpg" download="logo.jpg">下载图片</a>

路径问题：
- 相对路径：href="docs/index.html"（依赖当前文件位置）
- 绝对路径：href="/assets/css/style.css"（从网站根目录计算）
安全性：避免使用javascript:协议，可能被XSS攻击利用。
无障碍：确保链接文本清晰描述目标，例如避免“点击这里”这类模糊表述。

问题1：如何让链接在新标签页中打开？
解答：添加target="_blank"属性。

<a href="https://example.com" target="_blank">外部链接</a>

问题2：如何创建指向邮箱的链接？
解答：使用mailto:协议，并可附加参数。

<a href="mailto:support@example.com?subject=问题反馈&body=详细描述">联系客服</a>

此链接会自动填充收件