Kvason, что они из себя представляют и так вполне понятно.
SeraphimaAkkerman эти линии это вылезающие отступы от заголовков. Гуглите "выпадение и схлопывание вертикальных margin" и воспользуйтесь любым из способов починки.
Но для начала хорошо бы почитать про семантику и не делать меню инпутами. Пункты меню это ссылки.
Сам заголовок "Меню" выглядит совсем странно. Зачем оно? И так очевидно, что это меню.
Про семантику верстки навигации есть прекрасное видео Вадима Макеева https://www.youtube.com/watch?v=y52rtbUeCac&list=P...
Кнопки (именно кнопки) удобнее делать тегами button, чем input. Легче стилизуются, можно внутрь складывать другие теги, текст не является значением. А input это просто устаревший вариант, когда тега button просто не существовало, оставлен для совместимости.
Ankhena, Ну вроде как местами SECTION использует, значит семантику блюдёт.
Хотя, я бы для меню делал бы ссылки A, а после этого в JS бы переопределял бы их вызовы.
Это позволит ссылки открывать при помощи колёсиком мышки.
ЯндексВидео меня достал, там есть карточки с кинофильмами. Ннажимаешь на ней колесико, а она не хочет открыватся в новой вкладке. Например захочется посмотреть 10 фильмов с Траволтой, вместо того чтобы открыть 10 вкладок, приходится копипастить каждое название в блокнот. А потом приходится обратно копипастить в новую вкладку.
Уже 5 раз писал в поддержку о проблеме. Поотрывал бы руки за такой дружественный интерфейс.
Ankhena, помойму все очевидно и ясно. Любой самый начинающий верстальщик, знает назначение тега < A>. А если он делает меню из кнопок, то догадайтесь почему?
SeraphimaAkkerman, что и требовалось доказать, хотел AJAX.
Представьте Вам вдруг надо ехать в больницу на автомобиле друга, чтобы его отвести в больницу.
Вы сели за руль а ручка включения поворотника на самом деле переключает передачи скорости, а вместо педали газа поворот налево.
Я Выше уже писал как работает сайт ЯндексВидео. Суть в том чтобы когда пользователь видит ссылку, он на ней мог нажать правой кнопкой и иметь возможность скопировать ее в буфер обмена. Чтобы пользователь мог зажать CTRL и кликнуть по ссылке.
В конце концов Вы можете создать ссылки < A HREF="#ключ страницы"> чтобы скопированная такая ссылка при загрузке открывала именно тот раздел на который она расчитана.
Ankhena, Вы правильно пишите про действие и переход.
Этот приоритет надо соблюдать, но выше этого приоритета есть UE (User Experions). Надо сохранить пользовательский работы с сайтом. Если человек ожидает что на сайте это ссылка, значит она должна быть ссылкой, даже если она кнопка и не делает переходы, но если от нее ожидают работу как ссылку то значит должна быть ссылкой.