Советы и рекомендации по работе с HTML5

HTML5 быстро завоевывает сердца веб-разработчиков и становится стандартом верстки сайтов еще до своего официального представления. Если вы хотите быть всегда в «теме», то уже сейчас необходимо переходить на новый стандарт, который предоставляет массу новых возможностей.

Откуда взялся HTML5?

Предлагаю Вам  общую информацию, которая должна помочь в освоении и работе с новым стандартом привычного всем HTML.

Использование генераторов

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

SwitchToHTML5

Shikiryu generator

Используйте шпаргалку

Трудно держать все в голове? Используйте шпаргалки, которые помогут быстро сориентироваться в разнообразии различных тэгов, методов и т.д. Шпаргалки выполнены в очень удобном формате и содержат практически весь материал, который вам может понадобиться.

Скачать шпаргалки вы можете здесь: http://www.inmotionhosting.com

Internet Explorer — боль разработчиков

Не хотите писать простыни костылей, что бы ваш сайт корректно работал в старых версиях IE? Просто подключите небольшой javascript-файл, который решит за вас все проблемы. Эта маленькая библиотека сэмулирует необходимые вам элементы и их поведение будет таким же как и у DIV-блоков.

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Проблемы совместимости

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

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

Пишите код правильно

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



Добавить комментарий