• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <address>

    HTML<address>元素表示其中的HTML提供了某个人或某个组织的联系信息等等。

    <address>元素中任何形式的内容所提供的联系信息适用于上下文的背景信息,可以是必要的任何一种联系方式,比如真实地址、URL、电子邮箱、电话号码、社交媒体账号、地理坐标等等。此元素应该包含联系信息对应的个人、团体或组织的名称。

    <address>可以使用在多种语境中,例如在文章开头提供商务的联系方式,或者放在<article>元素内,指明该文章的作者。

    浏览器支持

    所有主流浏览器都支持<address>标签。

    示例

    <address>
    此文档的作者:<a href="mailto:bill@microsoft.com">bill gates</a>
    </address>
    

    用法说明

    • <address>标签定义文档作者/所有者的联系信息。
    • 这个元素不能包含除联系信息之外的任何信息,比如出版日期(这应当被包含在<time>元素之中)。
    • 不应该使用<address>标签来描述邮政地址,除非这些信息是联系信息的组成部分。
    • 当表示一个和联系信息无关的任意的地址时,请改用<p>元素而不是<address>元素。
    • 通常,<address>元素可以放在<footer>元素之中。如果<address>元素位于<article>元素内部,则它表示该文章作者/所有者的联系信息。
    • <address>元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。如果有必要的话,您需要在地址文本的内容添加额外的换行符。
    • 虽然<address>元素看起来只是使用了<i>或者<em>元素的默认样式来渲染其中的文本,但是当处理联系信息时使用它更为合适,因为它表达了额外的语义信息。
    内容分类流式内容元素, 段落内容元素.
    允许的内容流式内容元素,但是不能嵌套<address>元素,不能是头部内容(<hgroup>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>),不能是区块内容(<article>,<aside>,<section>,<nav>),不能是<header><footer>元素.
    标签省略不允许,开始标签和结束标签都不能省略。
    允许的父元素任何接受流内容但总是排除<address>元素的元素(根据对称性的逻辑原理,如果<address>标记作为父元素不能有嵌套的<address>元素,那么相同的<address>内容不能有<address>标记作为父元素)。
    允许的 ARIA 角色
    DOM 接口HTMLElement在 Gecko 2.0(Firefox 4)以前,Gecko 使用HTMLSpanElement接口实现这个元素

    HTML 4.01 与 HTML5之间的差异

    HTML 4.01 不支持<article>标签,因此在 HTML 4.01 中<address>标签总是定义文档的作者/所有者的联系信息。

    属性

    此元素只有全局属性。

    全局属性

    <address>标签支持HTML 的全局属性。

    事件属性

    <address>标签支持HTML 的事件属性。

    例子

    这个例子演示了如何使用<address>表示一篇文章的作者的联系信息。

    <address>
        you can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br>
        if you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br>
        you may also want to visit us:<br>
        mozilla foundation<br>
        331 e evelyn ave<br>
        mountain view, ca 94041<br>
        usa
    </address>
    

    实例

    Example.com 的联系信息:

    <address>
    written by <a href="mailto:webmaster@example.com">jon doe</a>.<br>
    visit us at:<br>
    example.com<br>
    box 564, disneyland<br>
    usa
    </address>
    

    下篇:<header>