HTML5中使用标签添加超链接：一、文本链接需包裹文字并设href；二、图片链接将嵌入内；三、新窗口打开需加target="_blank"和rel="noopener"；四、页面内跳转用href="#id"配合目标元素id属性；五、下载文件需添加download属性。
如果您希望在 HTML5 页面中为文本或图像添加可点击的跳转链接，则必须使用 标签并正确设置其 href 属性。以下是实现该功能的具体方法：
一、为纯文本添加超链接
通过 标签包裹目标文本，并在 href 属性中指定目标 URL，即可使文本具备跳转能力。该链接默认在当前窗口打开。
1、在 HTML 文件中定位到需要插入链接的位置。
2、输入 示例网站，其中 https://example.com 替换为实际目标地址，示例网站 替换为要显示的链接文字。
立即学习“前端免费学习笔记（深入）”；
3、保存文件并在浏览器中刷新查看效果，点击文字即可跳转至指定页面。
二、为图片添加超链接
将 标签嵌套在 标签内部，可使整张图片变为可点击链接。此时图片的 src、alt 等属性保持原有写法不变。
1、编写图片标签，例如 
。
2、用 ... 将其完整包裹，形成 。
3、确保 href 值为有效 URL，且图片路径 src 值可被浏览器正确加载。
三、控制链接打开方式（新窗口）
若需链接在新标签页中打开，须为 标签添加 target="_blank" 属性。该属性可避免用户离开当前页面。
1、在已有 标签的开始标签内添加 target="_blank"，如 新窗口打开。
2、建议同时添加 rel="noopener" 以提升安全性，完整写法为：新窗口打开。
3、确认 rel="noopener" 已存在，否则可能引发潜在安全风险。
四、链接至页面内锚点
当需要跳转到同一页面内的某个位置时，应先为对应元素设置 id 属性，再在 href 中引用该 id 值，格式为 #id名。
1、在目标段落或标题处添加 id，例如 第二部分
。
2、创建链接时使用 跳转到第二部分。
3、点击后页面将自动滚动至 id="section2" 所在元素的顶部位置。
五、链接至下载文件
若希望用户点击后直接下载而非浏览，可在 标签中添加 download 属性。该属性适用于同源资源，部分浏览器对跨域文件会忽略下载行为。
1、准备待下载文件并确保其可通过 URL 访问，例如 report.pdf 存于同一目录下。
2、编写链接为 下载PDF，其中 download 的值为建议保存的文件名。
3、注意：若 href 指向跨域资源，download 属性将失效，浏览器会改为常规跳转或打开。
