@ldmitriy

Насколько верна следующая структура HTML?

<div id="wrapper">
	<header>
		<img src="logo.png" alt="logo">
		<form action="search.php">
			<input type="search" name="search">
			<button>Поиск</button>
		</form>
	</header>
	<main>
		<section>
			<h1>Мои увлечения</h1>
			<section>
				<h1>Лыжи</h1>
				<p>...</p>
			</section>
				<section>
				<h1>Плаванье</h1>
				<p>...</p>
			</section>
		</section>
	</main>
	<footer>Copyright</footer>
</div>


1) Могу ли я информацию Мои увлечения использовать в разделе section а сами увлечения использовать в подразделе т.е еще в одном section?
2) Можно ли к примеру в статье, тег article вклюить в него тег aside, в котором будет небольшая врезка, или aside нужно выносить за пределы основного контента?
  • Вопрос задан
  • 156 просмотров
Решения вопроса 1
devellopah
@devellopah
как насчёт этого?

<section class="hobbies">
	<header class="hobbies__header">Мои увлечения</header>
	<ul class="hobbies__list">
		<li>
			<h3 class="hobbies__item">Лыжи</h3>
			<p class="hobbies__item-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus quia ab eveniet harum cumque placeat, beatae voluptas nobis ipsam debitis.</p>
		</li>
		<li>
			<h3 class="hobbies__item">Плаванье</h3>
			<p class="hobbies__item-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis totam eaque recusandae corporis ratione nostrum cumque facere quaerat fugit fugiat.</p>
		</li>
	</ul>
</section>
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
Ankhena
@Ankhena Куратор тега HTML
Нежно люблю верстку
1. "оберточный" section лишний
<main>
    <section> <!--Зачем этот section? Если он на весь main?-->
      <h1>Мои увлечения</h1>
      <section>
        <h1>Лыжи</h1>
        <p>...</p>
      </section>
        <section>
        <h1>Плаванье</h1>
        <p>...</p>
      </section>
    </section>
  </main>


2. h1 на странице 1 раз. Для подзаголовков есть теги h2-h6.

3.
<section>
        <h1>Лыжи</h1>
        <p>...</p>
      </section>

Больше похоже на article, чем на section
Ответ написан
DarrellStanding
@DarrellStanding
Учусь Front-end разработке
Я не профи, но секцию в секцию никогда не влаживал. Секция - отдельный и независимый кусок кода. Например на сайте есть раздел "О нас" или "Портфолио" это отдельные секции.
Ответ написан
@stioann
Вот очень досконально и, как по мне, более правильно к семантике применения -- front-end.su/2015/11/01/div-or-section-or-article
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы