Блок комментариев

Чтобы разместить блок дополнительных материалов, используйте вложенную структуру тегов <div>:
<div data-block="comments" ...>
    <div data-block="comment" ...>
        <div data-block="content">...</div>
    </div>
    ...
</div>


Количество уровней вложенности не ограничено.

Примечание. Обрабатываются первые 40 комментариев (содержимое элемента div со значением comment атрибута data-block).
Атрибут Описание
data-block *
Принимает значения:
  • comments — блок со списком комментариев;
  • comment — комментарий в списке;
  • content — содержимое комментария.
data-author * Принимает значение author — имя автора комментария.
data-avatar-url Ссылка на аватар автора комментария. Картинка должна быть в формате JPG или PNG, не меньше 64 × 64 пикселей.
data-subtitle Дополнительная строка информации, например, дата комментария. Располагается под именем автора.
data-url Используется только в элементе div верхнего уровня. Ссылка на страницу добавления комментариев.

* Обязательный атрибут.

Содержимое комментария:

Элемент Описание
header

Заголовок комментария. Располагается над текстом комментария.

HTML-элементы Поддерживаемые HTML-элементы
 <div data-block="comments" data-url="http://example.com/comments">
   <div
    data-block="comment"
    data-author="author" 
    data-avatar-url="http://example.com/img.png" 
    data-subtitle="2017-12-10"
   >
       <div data-block="content">
           <header>Заголовок первого комментария</header>
           <p>
               <b>Текст</b> комментария
               <a href="https://example.com">Текст ссылки</a>
           </p>
       </div>
       <div data-block="comments"> 
           <div 
            data-block="comment"
            data-author="author2">
               <!--Ответ на первый комментарий-->
           </div> 
       </div>  
   </div>
   <div
    data-block="comment"
    data-author="author"> 
       <div data-block="content">
           <!--Содержимое второго комментария-->
       </div>
   </div>  
</div>