是唯一专为联系信息设计的语义化标签，适用于品牌自营门店地址，需闭合使用、结构化字段、支持电话直拨与地图跳转，并预留 data- 属性供多门店动态渲染。
用 @#@#@#@#@#@#@#@#@#@0，确保移动端可直拨
加地图链接时，优先用标准地理 URI 而非图片
用户点地址，大概率想看位置、导航、查营业时间。直接放一张静态门店图，等于放弃所有交互能力。
最简可行方案：给 外层包一个 ，指向高德/百度/苹果地图的标准地理链接：
<address class="store-address"> <span class="address-region">上海市</span> <span class="address-district">黄浦区</span> <span class="address-street">南京东路123号</span> <span class="address-building">恒隆广场1F</span> </address>
- 百度地图：用
https://map.baidu.com/?newmap=1&ie=utf-8&wd=上海+恒隆广场 - 苹果地图：用
https://maps.apple.com/?q=恒隆广场,+Shanghai（注意地址需英文或拼音，中文可能 fallback 失败） - 别用截图或 base64 图片替代链接：无法缩放、无坐标、不可复制、对视障用户不可访问
多门店场景下，用 data- 属性预留结构化数据
如果一个商品支持多个城市专柜（比如“全国23家门店可自提”），前端需动态渲染，后端或 CMS 必须提供结构化字段，而不是拼接好的字符串。
建议接口返回 JSON 类似：
<a href="https://amap.com/search?keywords=%E6%81%92%E9%9A%86%E5%B9%BF%E5%9C%BA&city=%E4%B8%8A%E6%B5%B7" target="_blank" rel="noopener"> <address class="store-address">...</address> </a>
前端渲染时，把关键字段挂到 DOM 上：
{ "stores": [{ "id": "sh-njld", "city": "上海", "district": "黄浦区", "address": "南京东路123号恒隆广场1F", "lat": 31.2304, "lng": 121.4737 }] }
-
data-lat/data-lng是后续接入 JS 地图 SDK（如 AMap.Marker）的必要基础 - 避免把完整 JSON 字符串塞进
data-raw：增加解析负担，且易 XSS（若未转义） - 如果 SEO 强依赖，可在
<script type="application/ld+json"></script>中补一份Store结构化数据，但本身仍是主干
地址不是装饰性内容，它连着地图、导航、电话、营业时间、库存校验。字段拆不干净，后面加个“查看附近门店”功能就得返工改数据格式。
<address data-store-id="sh-njld" data-lat="31.2304" data-lng="121.4737">...</address>
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
