是唯一专为联系信息设计的语义化标签，适用于品牌自营门店地址，需闭合使用、结构化字段、支持电话直拨与地图跳转，并预留 data- 属性供多门店动态渲染。
用 <address></address> 标签语义化标记门店地址
HTML 里没有“门店地址专用标签”，但 <address></address> 是唯一专为联系信息设计的语义化元素，搜索引擎和读屏工具会识别它代表联系人/地点信息。别用 <div> 或 <code><p></p> 硬套，否则丢失语义。
注意：<address></address> 不代表“任何地址”，它只适用于当前页面或文章作者的联系信息（比如品牌官方门店），不适用于用户收货地址或第三方地址。
- 正确用法：放在商品详情页底部、品牌信息区块内，包裹品牌自营专柜地址
- 错误用法：塞进购物车弹窗、用在“配送至”地址栏、包裹地图组件的容器
- 必须闭合：不能写成
<address></address>，要写<address>...</address>
结构化地址字段，避免纯文本堆砌
用户扫一眼要能快速定位城市、区域、路名、门牌号。纯一段文字（如“上海市黄浦区南京东路123号恒隆广场1F”）不利于解析，也难做后续扩展（比如点击跳转地图）。
推荐用嵌套的 <span></span> 加 class 标记关键字段，不依赖 CSS 类名语义，但为 JS 或样式预留钩子：
立即学习“前端免费学习笔记（深入）”；
<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>
- 不用
<dl> <dt></dt> <dd></dd> </dl>：结构太重，且多数 CMS 或模板引擎不友好 - 避免用
<br>换行：换行是样式问题，应由 CSS 的display: block或flex-direction: column控制 - 如果地址含电话，用
<a href="tel:+862112345678">021-1234-5678</a>，确保移动端可直拨
加地图链接时，优先用标准地理 URI 而非图片
用户点地址，大概率想看位置、导航、查营业时间。直接放一张静态门店图，等于放弃所有交互能力。
最简可行方案：给 <address></address> 外层包一个 <a></a>，指向高德/百度/苹果地图的标准地理链接：
<a href="https://amap.com/search?keywords=恒隆广场&city=上海" target="_blank" rel="noopener"> <address class="store-address">...</address> </a>
- 百度地图：用
https://map.baidu.com/?newmap=1&ie=utf-8&wd=上海+恒隆广场 - 苹果地图：用
https://maps.apple.com/?q=恒隆广场,+Shanghai（注意地址需英文或拼音，中文可能 fallback 失败） - 别用截图或 base64 图片替代链接：无法缩放、无坐标、不可复制、对视障用户不可访问
多门店场景下，用 data- 属性预留结构化数据
如果一个商品支持多个城市专柜（比如“全国23家门店可自提”），前端需动态渲染，后端或 CMS 必须提供结构化字段，而不是拼接好的字符串。
建议接口返回 JSON 类似：
{ "stores": [{ "id": "sh-njld", "city": "上海", "district": "黄浦区", "address": "南京东路123号恒隆广场1F", "lat": 31.2304, "lng": 121.4737 }] }
前端渲染时，把关键字段挂到 DOM 上：
<address data-store-id="sh-njld" data-lat="31.2304" data-lng="121.4737">...</address>
-
data-lat/data-lng是后续接入 JS 地图 SDK（如 AMap.Marker）的必要基础 - 避免把完整 JSON 字符串塞进
data-raw：增加解析负担，且易 XSS（若未转义） - 如果 SEO 强依赖，可在
<script type="application/ld+json"></script>中补一份Store结构化数据，但<address></address>本身仍是主干
地址不是装饰性内容，它连着地图、导航、电话、营业时间、库存校验。字段拆不干净，后面加个“查看附近门店”功能就得返工改数据格式。
