最稳妥的图片按钮方案是用 包裹 ;需设 alt、target="_blank" 和 rel="noopener noreferrer";交互复杂时用 包裹并重置样式、加 aria-label; 仅适用于需坐标提交的表单场景。

用 @#@#@#@#@#@#@#@#@#@0,配合 <div id="contact">...</div>。
-
id 值区分大小写,不能含空格或中文,推荐用短横线(section-contact)
- 加
scroll-behavior: smooth 到 html 或 body CSS 中实现平滑滚动
- 如果目标
id 元素是动态插入的(比如 JS 渲染),需确保它已存在于 DOM 中,否则跳转失败
- 注意:
<button></button> 无法原生支持锚点跳转,必须用 JS 手动调用 element.scrollIntoView()
实际做起来没那么复杂,但容易卡在细节上:比如忘记 rel="noopener"、alt 写成空字符串、或者用 onclick 替代语义化标签。真正影响体验的,往往就是这几处。
![]()
![]()
![]()
![]()
![]()
id 值区分大小写,不能含空格或中文,推荐用短横线(section-contact)scroll-behavior: smooth 到 html 或 body CSS 中实现平滑滚动id 元素是动态插入的(比如 JS 渲染),需确保它已存在于 DOM 中,否则跳转失败<button></button> 无法原生支持锚点跳转,必须用 JS 手动调用 element.scrollIntoView()
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











