讲师中心 微信公众号
AI工具推荐 视频效率加速

怎样定义联系人信息_ADDRESS标签规范化显示通讯地址

老枫吖_8000

老枫吖_8000

发布时间:2026-06-07 16:24:21

|

963人浏览过

|

来源于php中文网

原创

address标签仅用于标识当前文档或sectioning元素(body/article/section)作者/拥有者的联系信息,必须直接嵌套于sectioning根元素内,内容限phrasing content,无默认样式,富摘要需JSON-LD补充。

怎样定义联系人信息_address标签规范化显示通讯地址

address 标签不是用来“显示通讯地址”的通用容器,它只标记当前文档或 article 的作者/拥有者的联系信息——用错地方,语义就失效,屏幕阅读器会误读,SEO 也可能降权。

address 必须绑定到最近的 sectioning 元素

它的语义作用域不是全局的,而是严格依赖父级:body 或最近的 article、section(注意:仅当 section 是 sectioning root 时才有效,嵌套在 div 里的 section 不触发语义绑定)。

  • ✅ 正确:直接放在 body 底部的 footer 里,表示整站维护者信息
  • ✅ 正确:作为博客 article 的最后一个子元素,表示该文作者联系方式
  • ❌ 错误:包裹在 div 或 p 内部 —— 浏览器和辅助技术将忽略其语义
  • ❌ 错误:放在产品页的“发货地”区块中 —— 那是业务属性,不是作者归属

address 里能写什么?只允许 phrasing content

HTML5 明确限制其内容模型为短语级内容(phrasing content),不能出现任何块级标签,否则验证失败,部分屏幕阅读器可能跳过解析。

  • ✅ 允许:a(带 mailto: / tel:)、em、strong、br、纯文本
  • ❌ 禁止:p、div、h3、ul、time、版权符号 ©
  • ⚠️ 物理地址可以写,但必须是作者/组织的归属地址(如“办公地址:北京市朝阳区XX路1号”),不能是门店位置或快递收货地
  • ⚠️ 姓名可写,但不能加 h3 包裹;想强调可用 strong,别用标题语义

现代浏览器已移除所有默认样式,别依赖斜体

Chrome 120+、Firefox 125+ 等已彻底移除 address 的默认斜体、margin 和换行行为。靠视觉样式暗示语义是危险的。

  • ✅ 推荐重置样式:address { font-style: normal; margin-top: 1em; padding-left: 1em; border-left: 2px solid #ccc; }
  • ❌ 不要写 address { display: block; } —— 它本来就是块级元素,强行改 display 可能在小屏破坏流式布局
  • ❌ 不要用 <br> 模拟段落结构;多行联系信息建议用 a + br 组合,或外层用 div + ARIA 控制语义

需要富摘要?光用 address 不够,得加 JSON-LD

Google 搜索结果展示“联系电话”“营业时间”等富摘要,不识别 address 标签,必须补充结构化数据。

  • ✅ 正确做法:在页面 <head> 中嵌入 JSON-LD,类型为 ContactPoint
  • ❌ 错误幻想:以为加了 address 就能自动出电话卡片 —— 它只服务语义层,不参与富摘要生成
  • ⚠️ 注意:Schema.org 的 ContactPoint 要求字段明确(如 telephone、email、areaServed),不能只塞一段自由文本

最容易被忽略的是作用域绑定:一个页面可以有多个 address,但每个都必须严格对应其最近的 article 或 body 的责任人。转载文章时把原文作者信息塞进自己页面顶层的 address,等于向辅助技术撒谎。

热门AI工具

更多
讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

5275

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

3052

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

2710

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

2739

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

4639

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

2701

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

2469

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

2248

2023.09.01

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

0

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
HTML5 极速入门
HTML5 极速入门

共24课时 | 6.5万人学习

传智播客、黑马HTML5基础和语义化
传智播客、黑马HTML5基础和语义化

共40课时 | 10.2万人学习

前端入门_HTML5
前端入门_HTML5

共29课时 | 65万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn