Address标签用于语义化标记公司联系信息,应置于页脚并仅包含地址、电话、邮箱等真实联系内容,可嵌套tel:和mailto:链接实现一键拨号与邮件发送,同时支持外链地图展示地理位置。

Address 标签本身不支持一键拨号,但它可与 tel: 链接配合,在页脚语义化地呈现公司地址和电话,并实现点击拨号功能。
用 Address 标签正确标记公司联系信息
Address 标签用于表示文档或
- 只包裹联系信息,不放导航、版权文字等无关内容
- 可嵌套
a标签,例如用href="https://www.php.cn/link/3fc4da65247af7ffd942e8ba951710e7"或href="tel:+8613800138000" - 电话号码需符合
tel:协议规范:建议使用国际格式(含国家码),避免空格、横线、括号(或仅用英文括号和短横,多数系统可识别;最稳妥写法是纯数字+国家码)
实现页脚地理位置展示
地理位置可通过文本地址 + 外链地图(如百度地图、高德地图、Google Maps)组合呈现。Address 中用 a 标签链接到地图网页或调起地图App:
- 百度地图示例:
<a href="https://map.baidu.com/?newmap=1&ie=utf-8&wd=北京市朝阳区建国路87号">北京市朝阳区建国路87号</a> - 高德地图示例:
<a href="https://www.amap.com/search?query=上海市浦东新区世纪大道100号">上海市浦东新区世纪大道100号</a> - 注意:不要在 Address 内直接写经纬度,除非同时提供可读地址;优先保证用户可读性
添加一键拨号功能
只需将电话号码用 a 标签包裹,并设置 href="tel:...":
立即学习“前端免费学习笔记(深入)”;
- 国内手机号标准写法:
<a href="tel:+8613800138000">138-0013-8000</a> - 带分机号可写为:
tel:+861087654321;ext=105 - 多个号码可分别列出,每个都用独立
tel:链接 - 移动端点击自动唤起拨号界面;桌面端部分浏览器可能提示“打开电话App”或无响应,属正常现象
完整页脚代码示例
<footer>
<address>
联系地址:广东省深圳市南山区科技园科兴科学园
联系电话:0755-8888 9999
电子邮箱:contact@company.com
</address>
</footer>



















