標示聯絡方式 <address>

<address> 標示聯絡方式元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字變成斜體字，並在標籤語意上強調是「聯絡方式」，這篇教學會介紹 <address> 標示聯絡方式元素。

認識 <address>

HTML 的標示聯絡方式元素分別是由 <address> 標籤所構成的元素，該元素除了在標籤語意上強調「聯絡方式」，也會在不套用 CSS 樣式的狀態下，強制換行並套用斜體字。

• <address> 屬於「容器元素」，需要有「起始標籤」以及「結束標籤」，也因為是容器元素，裡頭可以放入其他的子元素。
• <address> 的顯示類型為「block 塊級元素」，預設會強制換行。

例如下方的 HTML 開啟後，會在網頁中放入 <address> 標示聯絡資訊。

<p>
  床前明月光，疑是地上霜，舉頭望明月，低頭思故鄉。
</p>
<address>
  聯絡李白：1234567890
</address>

<address> 支援屬性

<em> 和 <i> 支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」)，例如下方的 HTML，會將 <address> 加入背景色。

<p>
  床前明月光，疑是地上霜，舉頭望明月，低頭思故鄉。
</p>
<address style="background:#faa;">
  聯絡李白：1234567890
</address>

<address> 預設樣式

下方是 <address> 的預設樣式：

詳細樣式教學可參考：CSS 教學

address {
  display: block;
  font-style: italic;
}

意見回饋

如果有任何建議或問題，可傳送「意見表單」給我，謝謝～