Quick html help

Mark M · 28 Aug 2012 at 08:29

What is the best way to add an address (physical location) in html?

Ive tried using but it puts too big a space inbetween each address line. I think I have seen it used with a break but Im sure I remember someone saying that wasnt the correct method?

THanks

Longbow · 28 Aug 2012 at 08:38

You can style with CSS. Using (break) is still valid though if you want to use that, but a styled would be better, in fact I would use <li>.

Styled :

Code:

CSS:
p.address { padding-bottom: 3px; }

HTML:
<p class="address">123 Fake St.</p>
<p class="address">Some place</p>

:

Code:

HTML:
123 Fake St.<br>
Some place

Tripnologist · 28 Aug 2012 at 09:47

Actually, the correct method would be with the address tag.

Code:

<address>
  123 Street,<br />
  City<br />
  Post Code
</address>

RoyMi6 · 28 Aug 2012 at 10:14

Tripnologist said:
Actually, the correct method would be with the address tag.

Code:

<address> 123 Street, City Post Code </address>

Technically that's incorrect*: http://html5doctor.com/the-address-element/

EDIT: *not always the case

Tripnologist · 28 Aug 2012 at 10:42

I stand corrected.

RoyMi6 said:
EDIT: *not always the case

Ahhh, I see what you mean. It's not acceptable for any old address, but is acceptable if it is the address of the owner of the document. ie: if the site is for Company Inc., the address for Company Inc. would be fine being put inside an address tag.

Mark M · 28 Aug 2012 at 11:15

So as the website is for my own company, can I use the <address> tag for the contact us page address, phone number and email?

RoyMi6 · 28 Aug 2012 at 11:59

It's all semantics really but yeah, that's fine Mark.

However, depending on how you see the information being used you might find the hCard Microformat would be better received under some circumstances.

http://html5doctor.com/microformats/#hcard

For example, mobile devices are able to pick the hCard microformat out of your page and easily create a contact. They would not be able to do this if you just used the <address> tag as suggested by Tripnologist.

The chances of someone actually using that functionality though? Well, when was the last time you ever did it?