Tag Address là gì
Tag Address là một thẻ html được sử dụng để xác định thông tin liên hệ của tác giả hoặc chủ sở hữu tài liệu, bài viết nào đó. Thông qua thẻ address chúng ta cung cấp cho trình duyệt, bộ máy tìm kiếm biết thông tin liên lạc với tác giả hoặc chủ sở hữu một cách dễ dàng.
Thẻ address thường được thêm vào phần cuối website (footer). Nhưng có một số trường hợp người thiết kế có thể cho vào phần đầu website (header).
Cú pháp :<address> </address>
Các lưu ý về thẻ <address> trong html
Nếu thẻ <address> được đặt trong thẻ <body> thì nó thể hiện thông tin liên lạc của chủ sở hữu tài liệu đó.
Ví dụ:
|
1 2 3 4 5 6 |
<body> <address>Học thẻ <address> html<br /> Email: <a href="mailto:alantien99@gmail.com">alantien99@gmail.com</a><br /> Địa chỉ: 12/72A Đào Duy Anh, Phường 9, Phú Nhuận.<br /> Điện thoại: 0933248891</address> </body> |
Nếu thẻ <address> nẳm trong một thẻ <article> thì nó thể hiện thông tin liên lạc của tác giả bài viết đó.
Ví dụ:
|
1 2 3 4 5 6 |
<article> <address>Học thẻ <address> html<br /> Email: <a href="mailto:alantien99@gmail.com">alantien99@gmail.com</a><br /> Địa chỉ: 12/72A Đào Duy Anh, Phường 9, Phú Nhuận.<br /> Điện thoại: 0933248891</address> <article> |
Lưu ý: HTML 4.01 không hỗ trợ thẻ <article>, vì thế trong html 4.01 thẻ <address> luôn xác định thông tin liên lạc của tác giả hoặc chủ sở hữu của tài liệu.
Cách sử dụng thẻ <address> hiệu quả trong html.
Thẻ address được sử dụng để xác địng thông tin tác giả, chủ sở hữu vì thể nó thường được đặt ở footer. Và thẻ <address> có thể chứa các phần tử trong footer.
|
1 2 3 4 5 6 7 |
<address> <div class="info"> <p><span class="footercolor">Telephone: </span><span>0933248891</span></p> <p class="mainaddress">12/72a Đào Duy Anh, P9, Phú Nhuận</p> <p><span class="footercolor">Email:</span><span> <a href="mailto:alantien99@gmail.com" target="_top">alantien99@gmail.com</a></span></p> </div> </address> |
Kết quả nhận được là :
Như các bạn thấy, các phần tử nằm trong thẻ <address> đều được in nghiêng. Đó là css mặc định của thẻ nha. Các bạn cũng có thể định dạng css lại theo ý thích của mình.
|
1 2 3 4 |
address { display: block; font-style: italic; } |
Lưu ý: Thẻ <address> KHÔNG nên sử dụng để mô tả một địa chỉ bưu điện, trừ khi đó là một phần của thông tin liên lạc. Các bạn không nên đưa một địa chỉ công cộng vào thẻ address nhé.
Các trình duyệt hỗ trợ thẻ address
| HTML Tag | |||||
|---|---|---|---|---|---|
| <address> | Yes | Yes | Yes | Yes | Yes |
Tất cả các trình duyệt website đều hổ trợ hiện thị thẻ address. Vì thế các bạn có thể tự do sử dụng nha.
Lời khuyên về thẻ address
Đây là một thể cực kỳ quan trọng trong html 5, mình khuyên các bạn nên sử dụng nó. Hiện nay google rất ưu tiên các website có cấu trúc về html. Nên việc sử dụng thẻ address giúp cho google thu thập thông tin từ website bạn nhanh hơn.
Sắp tới mình sẽ có những đoạn chia sẻ phần liên hệ đẹp trong html 5. Mình sẽ ứng dụng address vào phần liên hệ này. Mọi thông tin về address bạn gửi bình luận cho mình nha.
