Главная -> Статьи о HTML5 -> Оформление комментариев на HTML5

Оформление комментариев на HTML5

В спецификации HTML5 описано, как лучше оформлять комментарии к статьям на Вашем сайте.

Во первых, каждый отдельный комментарий должен находиться в отдельном теге <article>. Т.е. примерно так:

<article>
<header>Заголовок статьи</header>
Текст статьи
<article>
<h2>Комментарии</h2>
<article>
Текст первого комментария
</article>
<article>
Текст второго комментария
</article>
...

Что делать, если при комментировании пользователя просят ввести адрес его сайта, ссылка на который будет в заголовке его комментария? Тут спецификация HTML5 дает несколько возможных вариантов действия:

Первый вариант - простая ссылка в заголовке комментария внутри тега header:

<header>
Автор: <a href="http://html5blog.ru/">Вася Пупкин</a>
</header>
Тут текст комментария

Второй вариант - аналогичен первому, но ссылка находится внутри тега <cite>.

<header>
Автор: <cite><a href="http://html5blog.ru/">Вася Пупкин</a></cite>
</header>
Тут текст комментария

Третий вариант - аналогичен второму варианту за исключением того, что внутри тега <cite> находится не вся ссылка, а только текст ссылки:

<header>
Автор: <a href="http://html5blog.ru/"><cite>Вася Пупкин</cite></a>
</header>
Тут текст комментария

Четвертый вариант используется если ссылка поставлена в подвале комментария, т.е. внутри тега <footer>. В этом случае ссылку нужно ставить внутри тега <address>:

<footer>
Автор: <address><a href="http://html5blog.ru/">Вася Пупкин</a></address>
</footer>
Тут текст комментария

Пятый вариант представляет собой смесь третьего и четвертого варианта - т.е. ссылка в подвале, но внутри не вся ссылка, а только текст:

<footer>
Автор: <a href="http://html5blog.ru/"><address>Вася Пупкин</address></a>
</footer>
Тут текст комментария

Теперь можете оформлять комментарии на своих сайтах согласно спецификации.