почему название товара, фотка, характеристики и кнопка купить и весь этот блок это артикль?

Ну наверное <strong> - это не означает, что это сильный элемент. Определение != названию и это нормально

Ну наверное <strong> - это не означает, что это сильный элемент. Определение != названию и это нормально

херня неинтуитивная

Ну и шо поделать? Это HTML

Ну и шо поделать? Это HTML

на твоем сайте блок, который оборачивает articles должен быть section, верно?

на твоем сайте блок, который оборачивает articles должен быть section, верно?

Нет

Нет

Почему?

Потому что секция - это не контейнер

The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

дженерик блок для группирования тематичекого контента. карточки товара кажется тематически схожий контент

Ну?)

да я хочу понять, вы так тут топите за семантику, но я сами ей не следуете

зачем так заморачиваться с этой семантикой?)

Вот это полностью секция, как раз правильно подкрепляется тайтлом

Тематическая група товаров со скидкой

Что не правильно?)

зачем так заморачиваться с этой семантикой?)

можно по идее просто наплодить дивов с спанов но указать надлежащим образом итемпропы и тогда вроде как(!) тот же эффект будет

но я не уверена на сколько тот же

можно по идее просто наплодить дивов с спанов но указать надлежащим образом итемпропы и тогда вроде как(!) тот же эффект будет

достаточно для основных блоков сайта сделать семантику, header, aside, main, footer, nav

и проставить aria аттрибуты, чтобы читалки все адекватно проговаривали

вообще семантика для индексации и аццессабилити если по-простому и если я верно понимаю. Но в обще и целом как я поняла она для корректного анализа контента на странице (и результаты этого анализа использует поисковый робот, для того чтобы рандировать их каким-то образом в поисковой выдаче )

Так что с моей секцией не так то?

Так что с моей секцией не так то?

У тебя секция, в которой еще куча оберток дивов и потом только артикли, хз насколько это верно

Вот это полностью секция, как раз правильно подкрепляется тайтлом

кислинка) горчинка)

У тебя секция, в которой еще куча оберток дивов и потом только артикли, хз насколько это верно

так дивы же не учитываются, можно хоть сколько пихать ?_?

как и спаны

У тебя секция, в которой еще куча оберток дивов и потом только артикли, хз насколько это верно

Дивы не играют семантическую роль

И никак не инкапсулируют

Если так можно выразиться

можно по идее просто наплодить дивов с спанов но указать надлежащим образом итемпропы и тогда вроде как(!) тот же эффект будет

честно говоря впервые слышу про itemprop)

честно говоря впервые слышу про itemprop)

я ещё во время написания парсеров стягивала данные прописывая селектор итемпроп

для нормальной семантики достаточно использовать базовые теги там где они должны быть

честно говоря впервые слышу про itemprop)

Schema.org

Это не семантика уже

в остальном это не обязательно, но полезно

Дивы не играют семантическую роль

ладно не буду дальше доебывать, но у тебя в артикле вместо хедер футер тоже дивы

А конкретно SEO

ладно не буду дальше доебывать, но у тебя в артикле вместо хедер футер тоже дивы

Потому что тут не нужны хедер и футер

про базовые я имею ввиду кнопки, ссылки и т.д.

Потому что тут не нужны хедер и футер

это почему?

короче как я понимаю базовые вещи я +- понимаю ._.

это почему?

Потому что по определению не подходит

А конкретно SEO

прикольно 🙃

это почему?

там суть семантики в том, что ты определяешь тег где он по смыслу нужен ._. я не знаю как ещё обхяснить

в общем я просто глянула видео которое Вова скидывал

и там про это всё, о чем мы здесь говорим - рассказывается

https://www.youtube.com/watch?v=7je1ygc9Gew&t=7594s&ab_channel=kirjs

вот оно, это видео, про семантику

больше 3 часов, хмм...

я смотрела с перерывами в 3 подхода когда было желание

если на х2 смотреть, то меньше 2 часов... хмм

на 2х ничего не будет понятно) однако попробуй, может я не улавливаю

надо будет глянуть тоже

о: о я буду ждать :D

я все смотрю на х2, уже давно привык

я все смотрю на х2, уже давно привык

там дядя реально быстро говорит

даже английскую речь более менее на х2, но не всегда)

там дядя реально быстро говорит

не, мне ок

не, мне ок

ну, раз ты так говоришь..

Потому что по определению не подходит

я то смотрю, что у тебя там название класса product__header

я то смотрю, что у тебя там название класса product__header

И?)

Почитай определение тегов <header> и <footer>

Я назвал так классы чисто ради удобства

Мог и top / bottom сделать

ладно, мутная тема

каждый трактует как он понял спеку)

em считается в зависимости от размера шрифта его предка, а rem в зависимости от размера шрифта :root (html), он в принципе почти всегда и юзается

Спасибо!

хаха

хаха

Катался сегодня с собаками) Когда лень держать голову :D

Спасибо!

Ура, еще одного человека убедил в использовании em / rem

Только не забывай, в медиа-запросах тоже надо em / rem

@media (min-width: 48em)

Если интересно почему - могу сделать пример

Катался сегодня с собаками) Когда лень держать голову :D

Но ведь это удобно~

Но ведь это удобно~

Ну да) Но он обычно стоит)

Ура, еще одного человека убедил в использовании em / rem

Я до макета пока не добралась, поэтому пока не использую :D Однако приняла к сведению.

Только не забывай, в медиа-запросах тоже надо em / rem

Хорошо, ещё вернусь к этому когда буду делать макет )