Прежде всего, если «почему?»вопрос «SEO и семантический HTML», стоит отметить, что в данном конкретном случае (как и во многих других) абсолютно не имеет значения, какой тег использовать .
Не каждая вещь имеет разметку в разметке.
Хорошей идеей является использование <footer>...</footer> вместо универсального <div>...</div> для нижнего колонтитула, но в случае текстовых элементов, вероятно, наиболее важным является четкоеразличать «текст» с «заголовками».
Кстати, если вы посмотрите определение параграфа , в нем будут указаны только 2 конкретных ограничения параграфов
- Это некоторый текст (хороший, чтобы следовать и не использовать
<p> в качестве контейнера для <div> s или <img> s). - «Абзац начинается с новой строки» (легко проследить в Интернетеокружение, поскольку другое место на странице в значительной степени похоже на «новую строку» в книге).
Остальные - просто общие наблюдения.
В нем говорится «обычно этоболее чем в одном предложении "&" часто делается ставка на пустую строкуween абзацы ", но технически вы можете написать два параграфа из 1 слова, разделенных" |"вместо пустой строки.
Что также следует за спецификациями абзаца .
Что касается <span> & <div>, согласно спецификациям они должны использоваться для той же цели (структурирование документа) с той разницей, что <div> является элементом уровня блока, тогда как <span> является встроенным элементом.
Так что <span> s в основном встроены <div> s.
На вашем примере сайта я бы сказал, что «Профессиональный надежный оптоволоконный удлинитель HDMI для видео 4K» - это <h2> или <h3>, учитывая, что название интернет-магазина равно <h1> где-то в <nav> (насколько я знаю, это обычная практика).
"HDMI 2.0 |2160p60 |18 Гбит / с |HDR |4: 4: 4 |HDCP 2.2 ", скорее всего, должно быть <p> (или <h4> / <h5>, если это действительно важно).
" Разделы "этого элемента могут или не могут бытьзавернутый в <span> s в зависимости от того, нужен ли он вам для стиля или других целей.