Какие ошибки при вёрстке хедера?

Question

[htmlclassic]

<header class="header">
            <section class="header__search-block">
                <input type="text" class="header__search-field">
            </section>
            <section class="header__profile-block">
                <img src="" alt="profile picture" class="header__profile-picture">

                <section class="header__buttons">
                    <div class="header__messages-btn"></div>
                    <div class="header__notifications-btn"></div>
                    <div class="header__settings-btn"></div>
                    <div class="header__logout-btn">LOGOUT</div>
                </section>
            </section>
</header>

Пытаюсь сделать по БЭМ.

Comments

[Антон Литвиненко]

Как по мне нечего секциям делать в хедере

[htmlclassic]

Антон Литвиненко, почему?

[Антон Литвиненко]

htmlclassic, потому что семантически секция это скорее раздел, глава, раньше вообще должен был обязательно иметь заголовок. Допустим лендинг стандартный. Каждый блок с заголовком это будет секция. А ещё я впервые вижу секцию в секции

[Froggyweb]

Семантика для приложений - это вообще никак. теги html5 для смертных - ну ..... скорее всего умрут

[Froggyweb]

<section class="header__search-block">
                <input type="text" class="header__search-field">
            </section>

это не section, а form
задрали со своей псевдо семантикой уж лучше дивами все....

[htmlclassic]

Froggyweb, получается семантика только для обычных сайтов? типа лендингов, форумов и тп

[ramanovsky]

htmlclassic, нет семантика для любого html окумента нужна.