"Правильный" способ разметки отзывов в HTML

Я думал, что это будет достаточно легко найти в Интернете, но, похоже, это не так. Я пытаюсь выяснить, что будет считаться правильным способом разметки списка отзывов - цитаты с авторами - на странице.

например.

"Это то, что я думаю"
- Мое имя, моя компания

Я бы предположил, что цитата должна быть опубликована в блоке. Я также видел некоторое использование цитирования, чтобы показать, откуда приходит цитата, но ссылка на HTML, похоже, показывает, что это должно использоваться, чтобы указать URL-адрес веб-страницы, на которую приходит цитата, а не имя человека.

Есть ли у кого-нибудь предложения по поводу того, как это должно быть отмечено?

Ответы

Ответ 1

Возможно, я поздно задержусь в очень, но я думаю, что следующий правильный способ отметить рекомендацию:

<figure>
    <blockquote>
        "This is what I think"
    </blockquote>
    <footer>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </footer>
</figure>

В спецификации W3C:

... цитата содержится в нижнем колонтитуле фигурного элемента, эта группа и связывает информацию, о цитате, с цитатой...

.

.

.

Элемент рисунка представляет собой некоторое содержимое потока, необязательно с надписью, которая является самодостаточной (например, полное предложение)...

Ответ 2

Вы правы в своем предположении, что цитата должна идти в элемент blockquote и что для URI должен использоваться атрибут cite. Лично я обрабатываю автора цитаты с отдельным div или p в нижней части цитаты следующим образом:

<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <p class="quoteCite">Darko Z</p>
</blockquote>

Затем я просто использую CSS, чтобы он выглядел красиво. Довольно простой. Возможно, вы захотите посмотреть Microformats.org и искать вокруг идеи.

Надеюсь, что это поможет

РЕДАКТИРОВАТЬ: Поздно, и это сошло на мой взгляд, но вы также можете использовать элемент cite

<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <cite>Darko Z</cite>
</blockquote>

но im не 100% уверен, насколько хорошо он поддерживается, если честно

РЕДАКТИРОВАТЬ 2: В соответствии с проектом HTML 5 cite shoudn't быть именем автора, поэтому для будущего вы, вероятно, не должны использовать ссылку для этой цели.

Ответ 3

Все изменилось. Я думаю, что правильная структура в этом столетии должна выглядеть так:

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>
       <cite title="Source Title">
          <a href="http://www.thelorem.com">Bill Gates</a>
       </cite>
    </footer>
</blockquote>

Ответ 4

Вам может быть интересно использовать формат hReview - Google, по слухам, поддерживает его, и это в значительной степени применимо к вашей ситуации, в зависимости от того, интересуетесь ли вы только внешним видом или хотите ли вы облегчить читаемость машины.

Ответ 5

Если вы спрашиваете, как это должно быть помечено семантически, да, используйте цитату блока, и да, атрибут cite для URL. Что касается презентации, вы можете использовать все, что хотите, и соответствующим образом подгонять.

Посетители никогда не заметят разницы, если они не обратятся к исходному коду, и я не могу себе представить, что это повлияет и на SEO.

Ответ 6

HTML5 содержит тег <figcaption>. Для whit:

<figure>
    <blockquote cite="http://example.com/page">
        Nevermore
    </blockquote>
    <figcaption>
        The Raven
    </figcaption>
</figure>

Ответ 7

<!DOCTYPE html>
<blockquote>
  <p>Quote
</blockquote>
<p>Author

будет наиболее правильным.