Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > HTML/XHTML

  • Print
  • + Share This
  • 💬 Discuss

Adding Author Contact Information

You might think the address element is for marking up a postal address, but it isn’t (except for one circumstance; see the tips). In fact, there isn’t an HTML element explicitly designed for that purpose.

Instead, address defines the contact information for the author, people, or organization relevant to an HTML page (usually appearing at the end of the page, if at all) or part of a page, such as within a report or a news article (red_circle-a.jpg and red_circle-b.jpg).

red_circle-a.jpg This page has two address elements: one for the article’s author and the other in a page-level footer for the people who maintain the whole page. Note that the address for the article contains contact information only. Although the background information about Tracey Wong is also in the article’s footer, it’s outside the address element.

...

<body>



<article>

    <h1>Museum Opens on the Waterfront</h1>

    <p>The new art museum not only introduces a range of contemporary works to the city,
    it's part of larger development effort on the waterfront.</p>

    ... [rest of story content] ...



    <!-- the article's footer with address information for the article -->

    <footer>

       <p>Tracey Wong has written for <cite> The Paper of Papers</cite>
       since receiving her MFA in art history three years ago.</p>

       <address>

       Email her at <a href="mailto: traceyw@thepaperofpapers.com"> traceyw@thepaperofpapers.com </a>.

       </address>

    </footer>

</article>



<!-- the page's footer with address information for the whole page -->

<footer>

     <p><small>&copy; 2011 The Paper of Papers, Inc.</small></p>



     <address>

     Have a question or comment about the site? <a href="site-feedback.html"> Contact our Web team</a>.

     </address>

</footer>



</body>
</html>
04_02.jpg

red_circle-b.jpg The address element renders in italics by default.

To provide the author’s contact information

  1. If you want to provide author contact information for an article, place the cursor within that article. Alternatively, place the cursor within the body (or, more commonly, the page-level footer) if you want to provide author contact information for the page at large.
  2. Type <address>.
  3. Type the author’s email address, a link to a page with contact information, and so on.
  4. Type </address>.
  • + Share This
  • 🔖 Save To Your Account

Discussions

comments powered by Disqus