HTML5 Address Tag для перечисления событий - PullRequest
1 голос
/ 17 июля 2011

Для перечисления событий я планировал использовать HTML5 Address в разметке, чтобы показать поисковым системам, что это местоположение.Я буду отображать 5 предстоящих событий на главной странице.

Я помещаю это в section или article?

Когда я читаю спецификацию HTML5, меня смущает, если кто-нибудь может объяснить, как использовать это лучше.

Обновлено с кодом от Стива:

<ul>
<li>
    <h3><a href="<?php echo $event['href']; ?>" title="<?php echo $event['title']; ?>"><?php echo $event['title']; ?></a></h3>
    <p><?php echo $event['description']; ?>         
        <span class="datetime">When: <time datetime="<?php echo $event['start_date']; ?>" pubdate="pubdate"><?php echo date('d-m-Y', strtotime($event['start_date'])); ?></time></span>
        <span class="location">Where: <address><?php echo $event['location']; ?></address></span></p>
</li>

Ответы [ 3 ]

10 голосов
/ 17 июля 2011

Извините, но в этом контексте вы неправильно используете тег <address>. Он предназначен для предоставления контактных данных автора (ов) документа, а не произвольных адресов.

Элемент address представляет контактную информацию для ближайшего предка элемента article или body. Если это элемент body, то контактная информация применяется ко всему документу.

Элемент address не должен использоваться для представления произвольных адресов (например, почтовых адресов), если только эти адреса не являются релевантной контактной информацией. (Элемент p является подходящим элементом для разметки почтовых адресов в целом.)

Спецификация: http://dev.w3.org/html5/spec/sections.html#the-address-element

Полезная статья: http://html5doctor.com/the-address-element/

3 голосов
/ 17 июля 2011

Просто чтобы повторить сказанное tw16, вы не хотите использовать <address>, если хотите сохранить семантический код. Тег используется внутри <article> для семантического отображения информации об авторе.

Используйте <p> для своего адреса.

2 голосов
/ 17 июля 2011

Если вы показываете несколько элементов, используйте список

<ul>
    <li>
        <address>address</address>
    </li>
</ul>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...