Апр 21

HTML5 и CSS3 — что нового?

В настоящее время обсуждают эти два языка для веб-разработки. Но ни один из них не поддерживается достаточно даже самыми совершенными браузерами. Давайте рассмотрим основные моменты, почему же стоит использовать новые технологии и как они могут помочь веб-разработчику.

HTML5

HTML5 является последней версией HTML или языка гипертекстовой разметки. В настоящее время только некоторые браузеры поддерживают HTML5 и то не в полной мере. Полный переход на этот стандарт запланирован на 2014 год, но некоторые функции, которые доступны уже сегодня, дают возможность познакомиться с HTML5 и добавить на свой сайт некоторые интересные фишки.

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

Google представил YouTube в формате HTML5 и многие разработчики, видя такую поддержку мировыми лидерами индустрии интернета, тоже добавляют в свои проекты какие-то новые возможности.

Основная идея HTML5 в том, что страница это не один большой объект, а несколько небольших, которые взаимодействуют как общий механизм. Новый стандарт опирается на HTML4. Это значит, что разработчик обновляет старую разметку под новые возможности, с учетом новых технологий. Например, формы могут быть обновлены для обеспечения новых функций, таких как удобный вход для тех, кто пользуется мобильным устройством на базе разных операционных систем. А те, кто все еще заходит на сайт, используя IE6, увидят привычное текстовое поле, которое все так же работает.

Особенности HTML5

Любой синтаксис HTML5 требует указывать DOCTYPE таким образом, чтобы браузер мог отобразить страницу в стандартном режиме. Но есть и хорошие новости, код упростили и теперь можно указывать только:
Отличная поддержка аудио и видео на страницах. Как только все браузеры будут в полной мере поддерживать этот функционал – станет намного легче добавлять и просматривать этот контент на веб-страницах.
Код можно писать таким образом, что картинок, которые составляют большую часть трафика при загрузке сайта, можно будет использовать меньше. Скорость загрузки и отрисовки возрастет на порядок, что очень даже радует.
Разработчики мобильных приложений могут не оптимизировать код для каждой модели, а использовать универсальный для всех HTML5.
Пару примеров:

CSS 3

Cascading Style Sheets (CSS) предлагают большую гибкость в представлении материалов сайта. Хотя CSS3 не поддерживается всеми браузерами, тем не менее, этот стандарт становится все более популярным, поскольку он вносит такие изменения, которыми можно заменить многие фишки JavaScript.
Одним из недостатков использования CSS3 является необходимость внедрения в код дополнительных фильтров, которые работают для IE. Но, иногда, самые свежие FF и Chrome капризничают и отображают стили кривовато.

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