Лог программиста

Понятно, что технологии современности не стоят на месте. Одни устаревают, другие становятся востребованными. Здесь пойдет речь о веб-технологиях.

Исторически сложилось, что существует много разных подходов к отображению веб-страниц. Конкурирующие браузеры, несовершенные стандарты. Чего стоит только отсутствие предписания о размерах таблиц и блоков (считать рамку входящей в размер блока, или не считать?). Я, кстати, придерживаюсь мнения, что надо считать.

А еще и поисковикам угодить надо. В общем подумать есть над чем.

Ниже моя концепция сайтостроения.

Разрешенный технологии:

1. Флеш. Сейчас в диковину машины, на которых не установлен флеш-интерпретатор. Но ввиду гадостного поведения поисковиков, флеш можно использовать только в баннерах и в декоративных элнментах.
2. HTML. Сейчас все больше браузеров приходят к HTML 5. И все бы ничего, можно было бы начинать постепенный переход на последний стандарт, если бы не Internet Explorer. Он стареет и в ус не дует. Придется довольствоваться максимальным сходством с HTML 5. Напомню, что основное отличие от предыдущих стандартов в том, что все параметры отображения внесены в CSS.
3. JavaScript. Давным-давно минули те времена, когда не везде был включен яваскрипт. Раньше это делали, в основном из-за отсутствия интерпретатора яваскрипта (вспомните, сколько лет назад это было)) и из-за угрозы безопасности. Но и сейчас не все функции являются доступными для использования. Я сознательно запрещаю скриптам изменять размер окон, перемещать их, а также изменять текст в строке состояния. Также часто блокируются всплывающие окна (остался лишь вариант с открытием окон при определенных событиях. Щелчок, например, или закрытие окна).
4. Картинки. Стараюсь использовать GIF и PNG. Первый компактен, второй — наиболее актуален. Появилась даже PNG-анимация. По возможности нужно использовать SVG. Это формат векторных изображений, что говорит само за себя. К тому же мало весит и совместим со всеми основными браузерами.
5. PNG-фикс. Лучше всего использовать фикс с помощью CSS. Яваскрипт медленен, и к тому же его редко, но отключают. Вот пример фикса: .png1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://tsekhan.com/images/gradient.png’, sizingMethod=’scale’); background: url(http://tsekhan.com/images/clear.gif) !important;}
6. Все, что подгоняется под IE, нужно комментировать. Вот так: <![if gte IE 5.5]><![endif]–> Валидный код — залог того, что ваш код правильно отобразится в нынешних браузерах, и будет жить еще долго. Ведь не все браузеры обратно совместимы (т. е. с предыдущими версиями).

Вообще, игнорировать несовместимость можно, если таких браузеров осталось 2% и менее. Но Internet Explorer надо искоренять раньше. Он просто ужасен, в плане верстки под него.

Нельзя пока:

1. Сайты полностью на флеше. Не индексируются, долго грузятся, неудобны для работы в большинстве ситуаций.
2. HTML 5. На момент написания поста нет релизов браузеров, поддерживающих этот стандарт.

Нельзя в принципе:

1. Звук. Да, есть еще и такие монстры сайтостроения.

При верстке форм нужно учитывать, что Safari имеет некие глюки при отображении размеров элементов, и возможность растягавать textarea (как и Google Chrome, кстати).

Еще я стараюсь совмещать блочную верстку с версткой на таблицах. Верстать только на дивах или верстать только на таблицах — тупо.

Я верстаю только валидно. И так уже настрадался мир от невалидной верстки.

На сладкое браузеры под которые нужно верстать в обязательном порядке:

• IE
• Mozilla Firefox
• Opera
• Google Chrome (сделан на оперном движке, но имеет пару особенностей)
• Opera Mini
• Safari

Tags: web, верстка, технологии