Особенности верстки сайта, о которых необходимо знать
Верстка сайта – это, по сути, перевод программного кода в визуальную часть.
Вне зависимости от используемого браузера, ресурс обязан прекрасно выглядеть при любом разрешении на дисплее.
Важный критерия соответствия требованиям!
Верстка обязана отвечать множеству различных требований, от которых в прямой зависимости находятся:
- скорость загрузки ресурса;
- выполнение требований HTML;
- правильность отображения в браузере;
- соответствие правилам поисковых систем;
- адаптированность для различных мониторов.
Разный цели – разные методы!
Существуют два типа верстки сайтов:
v Табличная – заключается в применении разных таблиц, с невидимыми границами, в которых размещаются части дизайна. Еще недавно такой тип верстки был самым распространенным, со своими преимуществами:
- Легкость в создании колонок, соответственно простота оформления для различных окон браузера и разрешений дисплея;
- Спаривание картинки. Для меньшей нагрузки на память или для создания определенных эффектов, можно создавать таблицы, границ между ячейками, которых не будет видно, а изображение будет разбито по ним.
- Возможность задать размеры таблицы в процентах.
- Таблицы одинаково отображаются различными браузерами.
- Элементы можно легко расположить друг относительно друга по двум осям.
Существуют и недостатки такого способа:
- Страница отображается корректно только после своей полной загрузки.
- Код имеет внушительный размер, что затрудняет возможность внесения изменений в части страницы.
- Поисковая индексация работает очень плохо, как следствие на сайт конкурентов зайдут скорее, чем на Ваш.
v Блочная верстка – это более современный тип, дизайн задается с помощью таблиц CSS и имеет свои неоспоримые достоинства:
- Код стал намного короче, по сравнению с табличной версткой, следовательно легче править, быстрее загрузка страниц и меньше нагрузка на сервер.
- Легко можно изменить любой элемент стиля, а коды цветов в html по-прежнему будут радовать удобством.
- Поисковая индексация гораздо лучше и есть возможность SEO-оптимизации, благодаря первоочередному распознаванию необходимого текста.
- Возможностей для нестандартного расположения элементов гораздо больше – как следствие огромное количество уникальных сайтов.
- Одинаково отображается на любом экране.
Свои недостатки также имеются:
- Освоить этот тип верстки гораздо сложнее, чем табличный.
- Не всегда корректное отображение в различных браузерах.
В данное время все еще используются оба типа верстки, и если вам нужна в первую очередь надежность – используйте табличную верстку, особенно если необходимо, чтобы сайт стопроцентно открывался в различных браузерах. Если же вам нужен креатив и фантазия, то гарантированно нужна блочная верстка – ведь именно тогда ресурс получится именно таким, каким и будет задумываться! И спорить об этом можно до бесконечности, просто выбирайте именно под свои цели!
Опубликовано в рубрике: Новости.