HTML 5 на деле - шаблон интернет магазина

Tipylja · April 1, 2016

Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами.

Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге.

Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать:

Тег <article> - почитал в интернетах, вроде в него советуют совать основной контент страницы, то есть(упрощенно):

<body>

<header></header>

<article></article>

<footer></footer>

</body>

1)То есть в теге <article> идет весь контент что за шапкой и до футера – это верно или так лучше не делать, в плане семантики тега?

Идем вглубь — тег <section> - вроде как то, что в <article> разделено логически на блоки, делится именно этим тегом:

<article>

<section><nav class=”middleMenu”>...</nav></section>  - Среднее меню рубрик

<section><nav class=”leftMenu”>...</nav></section> - Левое меню категорий

<section> - Заголовок страницы-> краткая статья -> перечень позиций -> большая статья

<h1>…</h1>

<p>…</p>

<div class=”position1”>…</div>

<div class=”position2”>…</div>

<div class=”position3”>…</div>

<div class=”position4”>…</div>

<p>…</p>

</section>

</article>

2) Правильно ли так разделить контент этим тегом?
3) Левое меню в теги секции и в теги навигации – возможно тег секции лишний или это меню лучше запихнуть в <aside>(семантика которого говорит что это сайд бар, вероятно не очень подходит что бы там было меню, или я не прав?)?
4) Возможно есть еще какие-то теги, которые можно и желательно употребить в случае шаблона для интернета магазина? Например, в моем случае позиции обвернуты в <div>, возможно стоит обвернуть в <figure>? Информация везде разница и не хотелось бы ошибиться, прошу подсказок и напутствий у тех, кто пользуется всем этим инструментарием на практике

Vlad · April 1, 2016

<article> это не весь контент, это содержимое основной статьи. Есть ещё <main>, он должен хранить уникальное для каждой страницы содержимое.

Sign In

HTML 5 на деле - шаблон интернет магазина

Question

Tipylja

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information