Тег article в html для чего?
Div менял на section, потом всё в один блок собрал, читал спеку но там про outline чтото странное, у меня в макете карточки новостей и я их обернул незнаю правильно ли.
Ваш вопрос
Div менял на section, потом всё в один блок собрал, читал спеку но там про outline чтото странное, у меня в макете карточки новостей и я их обернул незнаю правильно ли.
article — это то, что можно выдернуть со страницы и оно не развалится по смыслу: новость, пост, отзыв, карточка товара. section — часть общей структуры, без соседей теряет контекст. Причина разделения простая: разработчикам RSS, агрегаторам и поисковикам нужно понимать, где заканчивается самостоятельный кусок контента, который можно показать отдельно, а где просто раздел страницы. Практика для новости: сама новость — article, потому что её можно вставить в ленту другого сайта и она останется понятной. Блок 'Похожие статьи' вокруг неё — section или aside, смотря по смыслу, потому что вне контекста этой страницы он бессмысленный.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4o-mini
4o-mini
Тег article в html для чего?
Сравнение article и section по нескольким признакам. Самостоятельность содержимого article — контент, который имеет смысл сам по себе, отдельно от остальной страницы: новость, статья блога, комментарий, карточка товара. section — часть более крупного целого, вне контекста страницы теряет смысл, например раздел 'Наши услуги' на лендинге. Повторное использование article можно вырвать из документа и опубликовать отдельно, например в RSS-ленте или как отдельную страницу, и смысл сохранится. section так использовать не получится, ему нужен контекст соседних блоков. Вложенность article может содержать section внутри себя, если у статьи есть смысловые подразделы, а section может содержать несколько article, например лента новостей это section, а каждая новость внутри неё это article. Заголовок Оба тега обычно сопровождаются заголовком h1-h6, но у article заголовок описывает конкретный самостоятельный материал, а у section заголовок описывает раздел общей страницы. Практический пример Карточка отдельной новости с заголовком, датой и текстом — article. Блок 'Последние новости', который группирует несколько таких карточек — section. Если вынуть один article из этого section и вставить на другую страницу, он останется понятным сам по себе, а section без соседних элементов страницы потеряет смысл. Частая путаница Начинающие верстальщики часто оборачивают в article любой крупный блок ради красоты разметки, хотя это неверно: если содержимое без контекста страницы теряет смысл, перед вами section, а не article, и наоборот.