Как стать автором
Обновить

Пару мыслей о версткe…

Время на прочтение 1 мин
Количество просмотров 457
Немного мысленно порассуждал о расположении различных блоков страницы (меню, контент, строка поиска, пр.)…

Известно, что поисковики индексируют только часть страницы. Соответственно нужно стараться, чтоб важная и полезная информация была как можно ближе к началу страницы.

Для примера я взял страницу с такими блоками:
  1. логотип;
  2. главное меню;
  3. колонка с доп. информацией;
  4. строка поиска;
  5. основной контент;
  6. футер

и довольно-таки распространённый вариант лайаута:

Далее я набрал HTML файл и раставил в нем блоки в той последовательности, которую я считаю наиболее логичной для решения поставленной задачи, а потом поигрался со стилями, дабы привести к требуемому виду.

Собственно вот сам файл-пример: layout-example.html , а вот тот же свёрстанный файл, но с активными стилями: layout-example-with-style.html

Помимо прочего такой вариант вёрстки решает ещё пару проблем:
  • облегчает «чтение» страницы людям с нарушениями зрения и т.п., т.е. тем, кому сайт читает компьютер — чтение начинается непосредственно с контента, а всякие вспомогательные вещи остаются «на потом»;
  • облегчат жизнь пользователям не графических браузеров.

Хотя, конечно, далеко не каждый дизайн можно не только причесать под эту гребёнку, но и использовать просто семантическую вёрстку…

P.S. Данные рассуждения не претендуют на инновационность… наверняка подобные решения существуют давно, но мне было интересно просто порассуждать на эту тему.
Теги:
Хабы:
+3
Комментарии 15
Комментарии Комментарии 15

Публикации

Истории

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн