HTML <address> 标签-代码号

HTML <address> 标签使用教程

概述

HTML <address> 标签用于定义文档或文章的作者联系信息。该元素通常包含作者的相关联系方式，如电子邮箱、网址、实际地址或电话号码等。<address> 标签应专门用于提供与当前文档相关的联系信息，而非任意地址内容。

基本语法

<address>
  联系信息内容
</address>

功能特性

显示方式：块级元素
用途分类：语义化标签
标签类型：需要开始标签和结束标签

使用场景

<address> 元素适用于以下场景：

网页页脚中的网站联系信息
文章内容的作者联系方式
文档维护者的联系信息

示例演示

基础示例

<!DOCTYPE html>
<html>
<head>
    <title>address标签示例 - 代码号学习编程</title>
</head>
<body>
    <article>
        <h2>网页开发基础教程</h2>
        <p>本文介绍了HTML基础知识和常用标签。</p>
        
        <address>
            教程作者：<b>王老师</b><br>
            联系邮箱：
            <a href="alan@ebingou.cn">alan@ebingou.cn</a><br>
            更多教程：
            <a href="https://www.ebingou.cn/jiaocheng/">代码号教程中心</a>
        </address>
    </article>
</body>
</html>

网页页脚联系方式

<!DOCTYPE html>
<html>
<head>
    <title>代码号编程学习网站</title>
</head>
<body>
    <!-- 网页内容 -->
    
    <footer>
        <address>
            代码号教育科技有限公司<br>
            网站地址：<a href="https://www.ebingou.cn/">https://www.ebingou.cn/</a><br>
            咨询邮箱：<a href="alan@ebingou.cn">alan@ebingou.cn</a><br>
            联系电话：400-123-4567
        </address>
    </footer>
</body>
</html>

本节课程知识要点

<address> 标签应用于提供与当前文档相关的联系信息
在文章中使用时，应将 <address> 标签放置在 <article> 元素内部
浏览器通常会将 <address> 内容以斜体形式呈现
不应将 <address> 标签用于非联系信息的任意地址内容

注意事项

对于与文档无关的地址信息，应使用 <p> 标签而非 <address> 标签
<address> 元素可以包含其他HTML元素，如 <a>、<br> 等
确保提供真实有效的联系方式，方便用户与作者或机构取得联系

扩展应用

以下示例展示了如何在博客文章中使用 <address> 标签：

<article>
    <header>
        <h2>JavaScript异步编程详解</h2>
        <p>发布日期：2025年10月15日</p>
    </header>
    
    <p>文章内容...</p>
    
    <address>
        本文由 <strong>李工程师</strong> 撰写<br>
        作者简介：前端开发专家，专注于现代Web技术<br>
        技术博客：<a href="https://www.ebingou.cn/biancheng/">代码号编程专栏</a><br>
        交流邮箱：<a href="alan@ebingou.cn">alan@ebingou.cn</a>
    </address>
</article>

浏览器兼容性

<address> 标签在所有主流浏览器中均得到良好支持，包括：

Chrome
Firefox
Safari
Opera
Edge

<address> 标签是HTML中具有语义化的重要元素，专门用于标识与文档相关的联系信息。正确使用该标签不仅能提高代码的可读性，还能为搜索引擎提供更明确的页面结构信息，有助于提升网站的可访问性和SEO效果。

通过本教程的学习，您应该已经掌握了 <address> 标签的基本用法和适用场景，可以在实际网页开发中恰当运用这一元素。

本文标签：

HTML <address> 标签