Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

HTML-верстка

ПОСТЫ БЛОГА

HTML верстка с помощью тегов table для адаптивных сайтов

Так сложилось, что на ранних этапах развития веб сферы, макеты практически всех сайтов базировались на таблицах. Эта технология себя полностью оправдывала, так как требования к сайтам в 90-е и 2000-е, в основном сводились к читабельности текстов, расставлению ключевых слов и навигационных ссылок. Мониторы в то время были «плюс-минус» одинаковой ширины (800-1200 пикселей) и речи о том, чтобы сайт подстраивался под ширину экрана, не возникало. Почти все сайты были фиксированной ширины, и этого было вполне достаточно.

Зачем нужен фреймворк Bootstrap?

Bootstrap – это самый популярный CSS фреймворк и мощная интерфейсная платформа для создания адаптивных кроссбраузерных веб-страниц в кратчайшие сроки, при этом он абсолютно бесплатен.

Bootstrap включает шаблоны дизайна на основе HTML и CSS для общих компонентов пользовательского интерфейса, таких как формы, кнопки, таблицы, различная навигация, выпадающие списки, всплывающие подсказки, модальные окна, вкладки, аккордеоны, карусели и многие другие, а также дополнительные JavaScript расширения.

Валидация документов

Валидацией будем называть проверку документа на соответствие веб-стандартам и выявление существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Код веб-страницы должен подчиняться определенным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум  при поддержке разработчиков браузеров.

Плавающие фреймы

Некоторые браузеры с помощью тега <IFRAME> позволяют использовать встраиваемые фреймы или, как они чаще называются, плавающие фреймы. Плавающий фрейм находится внутри обычного документа и разрешает вставлять на страницу любые другие независимые документы. В теге <IFRAME> поддерживаются те же параметры, что и в обычном фрейме. Кроме того, можно использовать параметры width и heigh, значения которых задают ширину и высоту фрейма (пример 1).

Полосы прокрутки

Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В некоторых случаях, полосы прокрутки нарушают дизайн веб-страницы, поэтому от них можно отказаться. Для управления отображением полос прокрутки используется параметр scrolling. Он может принимать два основных значения: yes — всегда вызывает появление полос прокрутки, независимо от объема информации и no — запрещает их появление (пример 1).

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB