<address>: Ang Contact Address Element
Ang HTML tag na ito ang ginagamit para i-mark up ang contact information ng isang tao o organisasyon.
2 min read ·
Ang <address></address>
ang ginagamit para i-mark up ang contact information ng isang tao o organisasyon.
<address>
Francis Rubio<br />
<a href="mailto:[email protected]">✉️ Email</a><br />
<a href="tel:+13115552368">📞 (311) 555-2368</a>
</address>
Details
Nire-represent ng address
element ang contact information para sa isang article
element o para sa body
element. Kapag nasa loob ito ng body
element pero wala ito sa loob ng isang article
element, nire-represent nito ang contact information para sa buong webpage.
Puwedeng gumamit ng kahit na anong format ang content sa loob ng address
element. Puwede itong magkaroon ng kahit anong contact information gaya ng address ng bahay o opisina, email address, mobile o telephone number, usernames sa mga social media networks, geographic coordinates, at iba pa. Siguruhin lang na kasama sa loob ng address
element ang pangalan ng tao, grupo, o organisasyon na tinutukoy ng address
element.
Halimbawa: paglalagay ng geographic coordinates sa loob ng address
element.
<address>Lola the cat is at
Latitude: 51.413126
Longtitude: -0.298219
</address>
Halimbawa: paglalagay ng address, telephone, at fax numbers sa loob ng address
element.
<address>
UNIVERSITY INTERSCHOLASTIC LEAGUE<br />
1701 Manor Road, Austin, TX 78722<br />
Tel: (512) 471-5883 | Fax: (512) 471-5908
</address>
Puwedeng gamitin ang address
element sa maraming contexts, gaya ng contact information ng isang negosyo na nakalagay sa header ng webpage.
Example: markup para sa footer ng isang website. May laman itong contact information at copyright notice.
<footer>
<address>
For more details, contact
<a href="mailto:[email protected]">John Smith</a>.
</address>
<p><small>© copyright 2038 Example Corp.</small></p>
</footer>
Puwede rin itong gamitin para i-mark up ang pangalan ng author kung ilalagay ang address
element sa loob ng article
element.
Note: puwede ring gamitin ang a
element para i-mark up ang pangalan ng author kung lalagyan ito ng `rel="author"` attribute. Siguruhin lang na may kasama rin itong URL sa href
kung saan makikita ang mas detalyadong information tungkol sa author.
<article>
<header>
…
<p>
Written by:
<a href="/author/francis-rubio" rel="author">
Francis Rubio
</a>
</p>
</header>
…
</article>
Hindi dapat gamitin ang address
para i-mark up ang mga contact information na wala namang kinalaman sa buong webpage o article
element. Halimbawa, hindi ginagamit ang address
para i-represent ang office address ng isang taong na-mention lang sa article. Para sa ganitong kaso, puwedeng gamitin ang p
element.
Halimbawa: Mali ito!
<article>
<header>
…
<p>
Written by:
<a href="/author/francis-rubio" rel="author">
Francis Rubio
</a>
</p>
</header>
…
</article>
Hindi dapat magkaroon ng ibang laman ang address
element maliban sa pangalan at contact information ng tao, grupo, o organisasyon.
Kung ginagamit mo ito para i-mark up ang author ng article, huwag isama rito ang publication date ng article. Mas akmang gamitin ang <time></time>
element para sa publication date at iba pang petsa.
Halimbawa: Mali ito!
<p>
Isinulat ni:
<address>
Francis Rubio (May 21, 2020)
</address>
</p>
Halimbawa: Mas tama ito
<p>
Isinulat ni:
<address>
Francis Rubio
</address>
(<time datetime="2020-05-21">May 21, 2020</time>)
</p>
<p>
Isinulat ni:
<address>
Francis Rubio
</address>
(<time datetime="2020-05-21">May 21, 2020</time>)
</p>
By default, pare-parehas ang styling ng <i>
, <em>
, at <address>
. Pero tandaan na meaning ang dapat nating tingnan kapag pumipili ng HTML tags na gagamitin. Gamitin ang i
para sa mga text na iba kumpara sa context nito. Gamitin ang em
para lagyan ng emphasis ang isang salita, phrase, o pangungusap kapag binabasa ito. Gamitin ang address
para i-mark up ang contact information ng tao, grupo, o organisasyong may-ari ng webpage o sumulat ng article.