<address>: Ang Contact Address Element

Ang HTML tag na ito ang ginagamit para i-mark up ang contact information ng isang tao o organisasyon.

Francis Rubio Web developer, designer, and educator

2 min read · July 20, 2021

Ang <address></address> ang ginagamit para i-mark up ang contact information ng isang tao o organisasyon.

<address>
  Francis Rubio<br />
  <a href="mailto:devFrancisRubio@gmail.com">✉️ 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:js@example.com">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.

Details

References