ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

О совместимости и дальнейшем развитии новых стандартов HTML5 и CSS3

HTML5 и CSS3

Одной из причин перехода на стандарт HTML5, заключается в том, что разметка работает в большинстве существующих браузеров, даже таких древних как Internrt Explorer 6. Поэтому можно в любое время переработать свою разметку и быть уверенным в том, что веб-страница будет успешно проходить валидацию W3C.

Работая в HTML и XML мы сталкиваемся с объявлением doctype. Оно сообщает программам валидации и редакторам, какие теги и атрибуты будут использоваться в документе и как должен быть сформирован документ. Объявление doctype также используется разными браузерами, для определения того, как браузер должен воспроизводить страницу. Объявление doctype обычно заставляет браузер воспроизводить страницу в режиме соответствия стандартам.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

объявление doctype HTML5 выглядит довольно просто:

<!DOCTYPE HTML>

Поместите его в начало документа — и с этого момента можно считать, что вы используете HTML5.

Конечно, вы не можете использовать многие новые элементы HTML5, которые не поддерживаются вашим браузером, но документ будет проверяться на валидность как HTML5.

Повсеместному переходу на HTML5 и CSS3 мешают различные препятствия. Некоторые из них очевидны, с другими дело обстоит сложнее.

Так, например, многие разработчики любят теги XHTML из-за более жестких требований к разметке. Документы XHTML заставляют разработчиков заключать атрибуты в кавычки, использовать самозакрывающиеся контентные теги, записывать имена атрибутов в нижнем регистре, а также способствовали введению правильно сформированной разметки в WWW(World Wide Web). Документы HTML5 будут действительными при использовании синтаксиса как HTML5, так и синтаксиса XHTML, но вы должны понимать последствия от использования самозакрывающихся тегов. Чтобы браузер различал, в каком виде ему отдаётся документ, сервер сообщает ему MIME-тип файла с расширением .html. Для сериализации HTML применяется тип text/html, а для сериализации XHTML, которая иногда называется XHTML5, тип application/xhtml+xml.

Internet Explorer

Internet Explorer, несмотря на все свои недостатки имеет большую пользовательскую базу. Версии IE8 и ниже имеют довольно слабую поддержку HTML5 и CSS3. IE9 улучшает ситуацию, но эта версия не получила еще столь широкого распространения из-за того, что поддерживается только операционными системами Windows от 7 и выше. Мы можем заставить свои сайты работать в Internet Explorer, но они будут работать не так, как версии разработанные для Chrome, Firefox или Opera. Для этого придется использовать обходные решения, чтобы не терять клиентов использующих IE.

Доступность

Наши сайты должны быть доступны для любых пользователей, даже если они испытывают сложности при восприятии аудио или видео информации, используют старые браузеры или медленные подключения и просматривают сайт с мобильных устройств. В HTML5 появилось ряд новых элементов — таких как audio, video или canvas. Если при их использовании возникли проблемы, то по аналогии с Internet Explorer надо искать обходные решения для новых элементов.

Устаревшие теги

В HTML5 появилось много новых элементов, но спецификация также объявляет устаревшими некоторые стандартные элементы, которые могут присутствовать на веб-страницах.

Прежде всего изчезли некоторые элементы представления. Если они встречаются в вашем коде, надо избавиться от них:

  • basefont;
  • big;
  • center;
  • font;
  • s;
  • strike;
  • tt;
  • u.

Некоторые из этих тегов встречаются редко, теги font и center присутствуют во многих страницах.

Кроме элементов представления была исключена поддержка фреймов. Несмотря на широкое использование, фреймы создавали столько проблем с доступностью и удобством использования, что от них было принято решение отказаться. Таким образом, исчезли следующие элементы:

  • frame;
  • frameset;
  • noframes.

Уще некоторые элементы исчезают из-за появления более совершенных заменителей:

  • acronym заменяется на abbr;
  • applet на object;
  • dir на ul.

Кроме устаревших элементов недействительными стали многие атрибуты:

  • align;
  • link, vlink, alink и text тега body;
  • bgcolor;
  • height и width;
  • scrolling элемента iframe;
  • valign;
  • hspase и vspase
  • cellpadding, cellspacing и border тега table;

Браузеры тоже изменяются. Это может привести к появлению устаревших, неработающих сайтов.