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

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

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

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

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

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

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

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

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

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

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

Публикации

Истории

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

19 августа – 20 октября
RuCode.Финал. Чемпионат по алгоритмическому программированию и ИИ
МоскваНижний НовгородЕкатеринбургСтавропольНовосибрискКалининградПермьВладивостокЧитаКраснорскТомскИжевскПетрозаводскКазаньКурскТюменьВолгоградУфаМурманскБишкекСочиУльяновскСаратовИркутскДолгопрудныйОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
24 – 25 октября
One Day Offer для AQA Engineer и Developers
Онлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
26 октября
ProIT Network Fest
Санкт-Петербург
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань