a标签是唯一合法且语义正确的超链接方式，必须含href属性指向合法url，图片链接需清除默认边框并确保alt属性，target="_blank"须配rel="noopener noreferrer"，锚点跳转依赖id而非name，语义与上下文决定链接质量。
a 标签是唯一合法、语义正确且浏览器默认支持跳转的超链接方式，其他写法（比如用 div + onclick）不算真正意义上的 HTML 超链接，也不被搜索引擎或辅助技术识别。
怎么写最简可用的文本链接
只要一个 a 标签 + href 属性就足够了，不需要额外属性或 JS：
<a href="https://example.com">访问示例网站</a>
-
href值必须是合法 URL：以https://、http://、//开头，或相对路径如about.html、./contact.html - 不要写成
href="www.example.com"——缺协议头会导致页面内跳转失败，变成访问当前域名/www.example.com - 标签内容可以是纯文本，也可以嵌套
img、span等，但不能嵌套另一个a
图片作为可点击链接时的常见坑
把 img 放进 a 里没问题，但默认会多出蓝色边框或空白间隙：
<a href="product.html">@@##@@</a>
- 旧版浏览器（如 IE）会给
img默认加border: 2px，需显式清除：<img src="button.png" alt="查看商品"> - 行内元素换行或空格会在渲染时产生看不见的空白，导致图片间有缝隙；建议写成紧贴形式：
<a><img src="..." style="max-width:90%"></a>，中间不换行不空格 -
alt属性不能省——不仅是无障碍要求，某些环境（如禁用图片）下它就是链接的可见文本
target="_blank" 必须配 rel="noopener noreferrer"
否则存在安全与性能风险：新页面能通过 window.opener 控制原页面，还可能拖慢主页面加载。
<a href="https://external.com" target="_blank" rel="noopener noreferrer">外部链接</a>
- 只写
target="_blank"是不安全的，现代项目 lint 工具会报错 -
rel="noopener"阻断window.opener访问，noreferrer还能防止 Referer 泄露 - 如果链接指向同域页面（比如你自己的子站），
noopener仍建议保留，noreferrer可按需取舍
页面内锚点跳转要两端匹配
跳转到本页某处，靠的是 href="#id" 和对应元素的 id 属性，不是 name（已废弃）：
<a href="#section2">跳到第二部分</a> <h2 id="section2">第二部分内容</h2>
-
id值必须唯一、以字母开头、不能含空格或特殊符号（如section-2可，2nd-section不推荐） - 不要用
name属性模拟锚点，HTML5 中已不被支持，部分浏览器会忽略 - 滚动行为默认生硬，如需平滑滚动，加 CSS：
html { scroll-behavior: smooth; }
真正容易被忽略的不是语法，而是语义和上下文：链接是否该有 title？是否需要 aria-label？href 指向的是资源还是 API？这些决定它是不是一个「好链接」，而不仅仅是「能点的链接」。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
