如何全面掌握HTML a标签属性及其应用技巧？

本文共计1051个文字，预计阅读时间需要5分钟。

没有 href 的 的

• 漏写 href，只靠 onclick 模拟跳转（语义错误、SEO 无价值、键盘用户不可达）
• 写成 href="#" 又不加 event.preventDefault()，导致页面顶部跳动
• 相对路径拼错，比如该用 ./assets/file.pdf 却写了 assets/file.pdf（少了个点，变成从根目录找）
• 协议缺失：链接到外部网站时写 href="www.example.com" 而不是 href="https://www.example.com"，浏览器会当成当前域下的相对路径处理

安全建议：内部锚点统一用 href="#section-id"，ID 必须存在且唯一；邮件和电话链接优先使用 mailto:admin@example.com 和 tel:+8613800138000，不要用 JavaScript 拼接。