此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。
<address>:聯絡地址元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<address>HTML 元素表示所包含的 HTML 提供了一個人、一組人或一個組織的聯絡資訊。
In this article
嘗試一下
<p>Contact the author of this page:</p><address> <a href="mailto:jim@example.com">jim@example.com</a><br /> <a href="tel:+14155550132">+1 (415) 555‑0132</a></address>a[href^="mailto"]::before { content: "📧 ";}a[href^="tel"]::before { content: "📞 ";}<address> 元素內容提供的聯絡資訊可以根據上下文而定,可能包含任何需要的聯絡資訊,例如實際地址、URL、電子郵件地址、電話號碼、社交媒體帳號、地理座標等等。<address> 元素應包含所述聯絡資訊所指的人、人群或組織的名稱。
<address> 可以應用於各種情境,例如在頁面標題中提供企業的聯絡資訊,或者通過在<article> 中包含<address> 元素來指示文章的作者。
屬性
此元素僅包含全域屬性。
使用注意事項
範例
此範例演示了使用<address> 標記文章作者的聯絡資訊。
html
<address> You can contact author at <a href="http://www.example.com/contact">www.example.com</a>.<br /> If you see any bugs, please <a href="mailto:webmaster@example.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>結果
儘管它與<i> 或<em> 元素具有相同的預設樣式呈現文本,但在處理聯絡資訊時,使用<address> 更加適合,因為它傳達了額外的語義信息。
技術摘要
| 內容類別 | 流內容、捫及內容。 |
|---|---|
| 允許的內容 | 流內容,但不能包含嵌套的<address> 元素,不能包含標題型內容(如<hgroup>、h1、h2、h3、h4、h5、h6),不能包含章節型內容(<article>、<aside>、<section>、<nav>),也不能包含<header> 或<footer> 元素。 |
| 標籤省略 | 不允許,起始和結束標籤均為必需的。 |
| 允許的父元素 | 任何接受流內容,但始終排除<address> 元素(根據對稱的邏輯原則,如果<address> 標籤作為父元素,則不能包含嵌套的<address> 元素;同樣地,<address> 元素的內容不能包含<address> 標籤作為其父元素)。 |
| 隱含的 ARIA 角色 | group |
| 允許的 ARIA角色 | 任何 |
| DOM 介面 | HTMLElement 在 Gecko 2.0(Firefox 4)之前,Gecko 使用HTMLSpanElement 介面實現此元素。 |
規範
| Specification |
|---|
| HTML> # the-address-element> |