Разметка комментариев HTML

Я, возможно, думал о чем-то вроде этого:

<ol class="comments">
    <li>
        <a href="">
            <img src="" alt="" />
        </a>
        <cite>Name<br />Date</cite>
        <blockquote>Comment</blockquote>
    </li>
</ol>

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

, Что думают люди?

Я не знаю, что существует разметка, которая обязательно представила бы структуру комментария хорошо, не используя отделения или классы также, но Вы могли использовать списки определения. Можно использовать несколько dt и теги dd в контексте списка определения - http://www.w3.org/TR/html401/struct/lists.html#edef-DL

<dl>
  <dt>By [Name] at 2008-01-01<dt>
  <dd><img src='...' alt=''/></dd>
  <dd><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p>

  <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p>
   </dd>
</dl>

Обновление: беспокойство, которое я имел бы с подходом как это, - то, что могло быть трудно однозначно определить элементы с CSS для моделирования целей. Вы могли использовать JavaScript (jQuery будет большим здесь) найти и применить стили. Без полной поддержки селектора CSS через браузеры (IE) было бы более трудно разработать.

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

.comment {
  width: 400px;
}

.comment_img {
  float: left;
}

.comment_text,
.comment_meta {
  margin-left: 40px;
}

.comment_meta {
  clear: both;
}

<div class='comment' id='comment_(comment id #)'>
  <div class='comment_img'>
    <img src='https://placehold.it/100' alt='(Commenter Name)' />
  </div>
  <div class='comment_text'>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mauris. Morbi quis tellus sit amet eros ullamcorper ultrices. Proin a tortor. Praesent et odio. Duis mi odio, consequat ut, euismod sed, commodo vitae, nulla. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam pede.</p>
    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas rhoncus accumsan velit. Donec varius magna a est. </p>
  </div>
  <p class='comment_meta'>
    By <a href='#'>Name</a> on <span class='comment_date'>2008-08-21 11:32 AM</span>
  </p>
</div>

Я вижу Вашу точку. Хорошо, после прочтения той статьи, почему Вы не пробуете что-то вроде этого?

<blockquote 
    cite="http://yoursite/comments/feederscript.php?id=commentid" 
    title="<?php echo Name . " - " . Date ?>" >
    <?php echo Comment ?>
</blockquote>

с некоторым притягательным CSS, чтобы заставить его выглядеть хорошим.

feederscript.php был бы чем-то, что могло читать из базы данных и повторить только требовавшийся прокомментированный.