Карточки из div
Что делаем: добавляем на страницу блок «Последние выпуски»: три карточки, собранные из div.
Что получилось
Блок работает как сайт: есть название, дата и ссылка. Все одиннадцать тестов зелёные, потому что ни один из них про карточки ничего не знает.
Но посмотрите на разметку. Карточки — набор безымянных блоков. Диктор не скажет «список из трёх элементов», название выпуска не заголовок, дата не дата, а ссылки у всех трёх называются одинаково: «Читать далее».
План
Исправим это за три круга:
- Карточки станут списком, а названия заголовками.
- Ссылки получат разные имена.
- Даты будут размечены элементом
time.
Начинаем с оформления: сейчас блок выглядит голым.
Источники
- Элемент div: блок без смысла, использовать стоит, когда подходящего элемента нет.