Tag Address là gì | Cách sử dụng thẻ Address trong HTML
logo-alantien
banner-header

Tag Address là gì | Cách sử dụng thẻ Address trong HTML

Tác giả: Alan Tiến

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>

tag-address-la-gi

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ụ:

<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ụ:

<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.

 <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à :

Telephone: 0933248891

12/72a Đào Duy Anh, P9, Phú Nhuận

Email: alantien99@gmail.com

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.

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.

Tag Address là gì | Cách sử dụng thẻ Address trong HTML
5 (100%) 4 votes

Bạn có thể tìm thấy bài viết Tag Address là gì | Cách sử dụng thẻ Address trong HTML với các từ khóa sau:-,

like

Gửi bình luận

  • Dịch Vụ

    Khóa Học Viết Bài Chuẩn SEO Tại Nhà TPHCM

    Viết 5 bài chuẩn seo với hơn 1000 từ trong một...

    Khóa học thiết kế website WordPress tại nhà

    Khóa học thiết kế website WordPress tại nhà dành cho những...

    Thiết kế website wordpress giá rẻ: dịch vụ chuyên nghiệp – chuẩn #1

    Bạn đang muốn tìm dịch vụ thiết kế website wordpress giá...

  • Tự học wordpress

    Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate

    Hôm nay mình sẽ hướng dẫn các bạn tạo nút gọi...

    Cài đặt wordpress trên xampp bảo mật nhất

    Cài đặt wordpress trên xampp rất đơn giản những hôm nay...

    Hướng dẫn tạo form liên hệ với Contact Form 7 đơn giản

    Với form liên hệ đẹp sẽ giúp website của bạn trở...

    Plugin kk star ratings tạo đánh giá 5 sao trên kết quả tìm kiếm google

    Chắc nhiều bạn thắc mắc tại sao website của người khác...

    Sửa lỗi Briefly Unavailable for Scheduled Maintenance trên WordPress

    Hiện nay rất nhiều bạn đang gặp lỗi “Briefly Unavailable for...

  • Học HTML Căn Bản

    Tag basefont là gì | thẻ basefont trong html

    Tag basefont là gì Tag basefont là một thẻ html căn...

    Tag base là gì | Thẻ Base và thuộc tính target trong html

    Tag base là gì Tag Base là một thẻ html được...

    Thẻ định dạng font chữ và văn bản trong html 5

    Trong bài này mình sẽ tổng hợp các thẻ định dạng font...

    Tag audio là gì | Thẻ audio chèn âm thanh trong html 5

    Tag audio là gì Tag audio là một tag đặc biệt...

    Tag aside là gì | Ý nghĩa và cách sử dụng thẻ aside trong html 5

    Thẻ tag aside là gì? Tag aside là một thẻ tag...

    Tag article là gì | Cách sử dụng thẻ article trong html 5

    Tag article là gì Tag article là một thẻ mới trong html 5...

    Tag area là gì | Cách sử dụng thẻ Area trong html

    Tag area là gì Tag area là một thẻ html xác...

    Tag Address là gì | Cách sử dụng thẻ Address trong HTML

    Tag Address là gì Tag Address là một thẻ html được...

    Tag acronym là gì | cách sử dụng tag acronym trong html

    Tag Acronym là gì Tag Acronym là một tag html được...

  • Key đang SEO Top