Какая разметка для layout будет правильна?

Question

. . @Anonymous24

HTML

Какая разметка для layout будет правильна?

Не понимаю, это одно и тоже? Что будет правильней?

<body>
    <header>...</header>
    <section>
        <main>тут будет много section</main>
        <aside>...</aside>
    </section>
    <footer>...</footer>
</body>

или

<body>
    <header>...</header>
    <div>
        <main>тут будет много section</main>
        <aside>...</aside>
    </div>
    <footer>...</footer>
</body>

Вопрос задан более трёх лет назад
117 просмотров

6 комментариев

Подписаться 2 Простой 6 комментариев

Михаил @notiv-nt

2

Написано более трёх лет назад

Антон Литвиненко @AntonLitvinenko

часто встречаю подобное

<body>
    <header>...</header>
    <main>
        <div class="content-area">
          <div class="primary">тут будет много section</div>
          <aside class="secondary">...</aside>
        </div>
    </main>
    <footer>...</footer>
</body>

Написано более трёх лет назад

Сергей delphinpro @delphinpro Куратор тега HTML

Второй вариант оптимален.
В идеале и div убрать бы. Но с сетками пока не все очевидно.

Написано более трёх лет назад
. . @Anonymous24 Автор вопроса

Антон Литвиненко, я почему-то main и aside рассматриваю как отдельные сущности, по этому смущает aside внутри main )))

Написано более трёх лет назад
Михаил @notiv-nt

Вася Булка, оно так и есть

Написано более трёх лет назад
Антон Литвиненко @AntonLitvinenko

Вася Булка, я тоже за отдельные. Но факт, во многих вордпресс темах так как я привёл пример

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

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

Похожие вопросы

HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 132 просмотра
1

ответ
HTML

+1 ещё

Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
- 1 подписчик
- 30 сент.
- 153 просмотра
1

ответ
HTML

+1 ещё

Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
- 1 подписчик
- 24 сент.
- 459 просмотров
2

ответа
HTML

+1 ещё

Простой
Как убрать линии у бейджиков в Markdown?
- 1 подписчик
- 23 сент.
- 209 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как менять картинки у карточки в списке товаров?
- 4 подписчика
- 22 сент.
- 351 просмотр
1

ответ
HTML

+1 ещё

Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
- 2 подписчика
- 21 сент.
- 242 просмотра
2

ответа
PHP

+1 ещё

Простой
Можно ли писать функции в текст?
- 1 подписчик
- 19 сент.
- 481 просмотр
2

ответа
JavaScript

+1 ещё

Простой
Как подключить библиотеку?
- 1 подписчик
- 13 сент.
- 627 просмотров
3

ответа
HTML

+4 ещё

Средний
Кривое отображение сайта на iOS-устройствах?
- 2 подписчика
- 13 сент.
- 421 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как отключить только некоторые input от отправки формы по нажатию enter?
- 1 подписчик
- 10 сент.
- 549 просмотров
1

ответ
Показать ещё Загружается…

Верстальщик / фронтендер для браузерного расширения

DevTeam.Space

от 1 000 до 2 000 $

PHP-разработчик

Prosox

До 1 200 $

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

часто встречаю подобное

<body> <header>...</header> <main> <div class="content-area"> <div class="primary">тут будет много section</div> <aside class="secondary">...</aside> </div> </main> <footer>...</footer> </body>
Второй вариант оптимален.
В идеале и div убрать бы. Но с сетками пока не все очевидно.
Антон Литвиненко, я почему-то main и aside рассматриваю как отдельные сущности, по этому смущает aside внутри main )))
Вася Булка, я тоже за отдельные. Но факт, во многих вордпресс темах так как я привёл пример

Answer 1 · 2021-05-10 21:23:16

TOPCHIKPROMMER_109 @TOPCHIKPROMMER_109

то и то неправильно
Вместо див надо мейн, а место мейн секшн

Ответ написан более трёх лет назад

1 комментарий

Какая разметка для layout будет правильна?

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

Минуточку внимания

Войдите на сайт