- HTML 教程
- HTML - 首页
- HTML - 路线图
- HTML - 简介
- HTML - 历史与演变
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块
- HTML - 样式表
- HTML - 格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图片
- HTML - 图片地图
- HTML - 内联框架
- HTML - 短语元素
- HTML - 元标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格标题和标题
- HTML - 表格样式
- HTML - 表格 Colgroup
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 邮件链接
- HTML 颜色名称和值
- HTML - 颜色名称
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 头部
- HTML - Head 元素
- HTML - 添加 Favicon
- HTML - Javascript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - 使用 CSS 进行布局
- HTML - 响应式
- HTML - 符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 杂项
- HTML - 文档对象模型 (DOM)
- HTML - MathML
- HTML - 微数据
- HTML - IndexedDB
- HTML - Web 消息传递
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - 网页幻灯片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二维码
- HTML - Modernizer
- HTML - 验证
- HTML - 颜色拾取器
- HTML 参考
- HTML - 速查表
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 码
- ASCII 码表查询
- HTML - 颜色名称
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- 语言 ISO 代码
- HTML - 字符编码
- HTML - 已弃用标签
- HTML 资源
- HTML - 快速指南
- HTML - 有用资源
- HTML - 颜色代码生成器
- HTML - 在线编辑器
HTML - <address> 标签
HTML <address> 标签用于个人或组织的联系信息。它包括联系信息所指的个人、人员或组织的名称,并且可能包含任何类型的联系信息,例如物理地址、URL、电子邮件地址、电话号码、社交媒体账号、地理坐标等。
<address> 标签可用于各种上下文,包括在页面标题中显示公司联系信息,以及通过在 <article> 中插入 <address> 元素来识别文章的作者。
语法
<address>...</address>
属性
HTML address 标签支持 HTML 的全局和事件属性。
HTML address 标签示例
在下面的示例中,我们将看到正常的地址部分、使用 CSS 的卡片布局上的地址以及联系地址的示例。
使用 address 标签定义地址
在以下示例中,让我们看看 HTML <address> 标签的使用。
<!DOCTYPE html> <html> <head> <title>HTML address tag</title> </head> <body> <address> You can contact author at <a href="https://tutorialspoint.com/contact"> www.tutorialspoint.com </a><br> If you see any bugs, please <a href="mailto:[email protected]"> contact webmaster</a> <br> You may also want to visit us: <br /> tutorialspoint PVT LTD <br> Madhapur Hyderabad <br> Kaveri hills, zip 500081 <br> Telangana </address> </body> </html>
使用 CSS 样式化地址
考虑以下示例,我们将使用 <address> 标签并应用 CSS 属性。
<!DOCTYPE html> <html> <head> <title>HTML address tag</title> <style> address { border: 2px solid black; padding: 5px; width: 350px; background-color: lightgray; box-shadow: 5px 5px #888888; } </style> </head> <body> <address> You can contact author at <a href="https://tutorialspoint.com/contact"> www.tutorialspoint.com </a><br> If you see any bugs, please <a href="mailto:[email protected]"> contact webmaster</a> <br> You may also want to visit us: <br /> Tutorialspoint PVT LTD <br> Madhapur Hyderabad <br> Kaveri hills, zip 500081 <br> Telangana </address> </body> </html>
使用 address 标签提供联系信息
让我们来看以下示例,我们将使用 <address> 标签来提供联系信息。
<!DOCTYPE html> <html> <body> <p>Contact the author of this page:</p> <address> 📧: <a href="[email protected]"> [email protected] </a> <br> 📞: <a href="tel:+13115552368"> (+91) 8899056432 </a> </address> </body> </html>
支持的浏览器
标签 | |||||
---|---|---|---|---|---|
address | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
广告