snow
New Member
- Регистрация
- 19.09.2018
- Сообщения
- 9
Необходимо сверстать блок отзывов
Какой вариант разметки правильный?
Какой вариант разметки правильный?
Код:
<!-- ПЕРВЫЙ вариант разметки блока комментариев -->
<section class="comments">
<h3 class="visually-hidden">Отзывы клиентов автосервиса SV-Shop</h3>
<div class="avatar-author">
<img src="img/comment/man1.png" alt="author comment">
<p>Илья 28 лет Хабаровск</p>
</div>
<div class="report-author">
<p>Заказывал тут коробку передач на Nissan GTR. Запчасть пришла быстро, с виду оригинал.</p>
</div>
<div class="avatar-author">
<img src="img/comment/man2.png" alt="author comment">
<p>Никита 25 лет Владивосток</p>
</div>
<div class="report-author">
<p>Пригнал на ремонт сюда свой Nissan GTR. Все сделали без нареканий. Качественно, быстро и главное не дорого!</p>
</div>
</section>
<!-- ВТОРОЙ вариант разметки блока комментариев -->
<section class="comments">
<h3 class="visually-hidden">Отзывы клиентов автосервиса SV-Shop</h3>
<ul class="comment-list">
<li class="comment-item">
<p class="name-author">Илья 28 лет Хабаровск</p>
<p class="avatar-author"><img src="img/comment/man1.png" alt="author comment"></p>
<p class="report-author">Заказывал тут коробку передач на Nissan GTR. Запчасть пришла быстро, с виду оригинал.</p>
</li>
</ul>
<ul class="comment-list">
<li class="comment-item">
<p class="name-author">Никита 25 лет Владивосток</p>
<p class="avatar-author"><img src="img/comment/man2.png" alt="author comment"></p>
<p class="report-author">Пригнал на ремонт сюда свой Nissan GTR. Все сделали без нареканий. Качественно, быстро и главное не дорого!</p>
</li>
</ul>
</section>