<address>: The Contact Address element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <address> trong HTML chỉ ra rằng HTML được bao gồm cung cấp thông tin liên lạc cho một người hay nhiều người, hoặc cho một tổ chức.
Try it
<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: "📞 ";
}
Thông tin liên lạc được cung cấp bởi nội dung của phần tử <address> có thể ở bất kỳ dạng nào phù hợp với ngữ cảnh, và có thể bao gồm bất kỳ loại thông tin liên lạc nào cần thiết, chẳng hạn như địa chỉ vật lý, URL, địa chỉ email, số điện thoại, tên người dùng mạng xã hội, tọa độ địa lý, và nhiều thứ khác. Phần tử <address> phải bao gồm tên của người, những người hoặc tổ chức mà thông tin liên lạc đề cập đến.
<address> có thể được sử dụng trong nhiều ngữ cảnh khác nhau, chẳng hạn như cung cấp thông tin liên lạc của doanh nghiệp trong header trang, hoặc chỉ ra tác giả của một bài viết bằng cách bao gồm phần tử <address> trong <article>.
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cục.
Ghi chú sử dụng
- Phần tử
<address>chỉ có thể được dùng để biểu diễn thông tin liên lạc cho phần tử tổ tiên<article>hoặc<body>gần nhất. - Phần tử này không nên chứa nhiều thông tin hơn thông tin liên lạc, như ngày xuất bản (thuộc về phần tử
<time>). - Thông thường, phần tử
<address>có thể được đặt bên trong phần tử<footer>của section hiện tại, nếu có.
Ví dụ
Ví dụ này minh họa việc sử dụng <address> để phân định thông tin liên lạc cho tác giả của bài viết.
<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>
Kết quả
Mặc dù nó hiển thị văn bản với kiểu dáng mặc định giống như các phần tử <i> hoặc <em>, nhưng việc sử dụng <address> khi xử lý thông tin liên lạc là phù hợp hơn, vì nó truyền đạt thêm thông tin ngữ nghĩa.
Tóm tắt kỹ thuật
| Danh mục nội dung | Nội dung flow, nội dung palpable. |
|---|---|
| Nội dung được phép |
Nội dung flow, nhưng không có phần tử <address> lồng nhau, không có
nội dung heading (<hgroup>, h1,
h2, h3,
h4, h5,
h6), không có nội dung sectioning
(<article>, <aside>,
<section>, <nav>), và
không có phần tử <header> hay <footer>.
|
| Bỏ qua thẻ | Không, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha được phép |
Bất kỳ phần tử nào chấp nhận
nội dung flow, nhưng luôn loại trừ các phần tử <address> (theo
nguyên tắc logic của sự đối xứng, nếu
thẻ <address>, với tư cách là cha, không thể có phần tử
<address> lồng nhau, thì cùng một
nội dung <address> không thể có
thẻ <address> là cha của nó).
|
| Vai trò ARIA ngầm định |
group
|
| Vai trò ARIA được phép | Bất kỳ |
| Giao diện DOM |
HTMLElement Trước Gecko 2.0 (Firefox 4),
Gecko triển khai phần tử này bằng cách sử dụng giao diện
HTMLSpanElement
|
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # the-address-element |