Название «HTML5», как правило, используется в настоящее время большинством людей для описания всех новых интересных функций в веб-браузерах. Не все эти функции на самом деле являются частью спецификации HTML5 - например, CSS и Javascript имеют новые функции, которые упоминаются под баннером HTML5. Я предполагаю, что вы имеете в виду все эти функции.
Мой ответ будет состоять в том, чтобы выяснить, какие функции вы можете реализовать, но при этом оставаться обратно совместимыми. Многие функции HTML5, CSS3 и т. Д. Могут быть добавлены на ваш сайт, не делая его недоступным для старых браузеров.
Некоторые примеры: (но потратить время на изучение большего)
Новые типы ввода, такие как <input type='date'> и <input type='number'>
. Они предоставляют вам новые функции в современном браузере, но старые браузеры по-прежнему будут отображать обычное поле ввода.
Дополнительная информация: http://www.456bereastreet.com/archive/201004/html5_input_types/
Семантические теги HTML5, такие как <section>, <footer> и т. Д.
Они дают вам дополнительное семантическое значение для ваших HTML-тегов, что хорошо для SEO и других автоматизированных систем, которые смотрят на ваш сайт. Они в целом обратно совместимы, хотя для поддержки их в IE6 / 7/8 вам необходимо будет включить взлом IE, такой как HTML5Shiv. Тем не менее, я бы предложил использовать Modernizr , который включает в себя HTML5Shiv плюс стек других полезных функций.
Некоторые функции CSS3, такие как border-radius. IE не знает об этом, но в результате IE будет иметь квадратные углы, а другие браузеры будут иметь закругленные углы. Так что ничто не нарушает сайт для пользователей IE.
Но если вы действительно хотите, IE можно настроить для поддержки ряда функций CSS3, включая border-radius, используя такие инструменты, как CSS3Pie .
Вместо непосредственного использования графики SVG, используйте графическую библиотеку Javascript, такую как Raphael , которая будет рисовать SVG в браузерах, которые его поддерживают, и прибегнет к VML для IE (который даже будет работать в IE6).
Очевидно, что такие вещи, как теги <video> или <canvas>, не будут работать в старых браузерах, но, честно говоря, вам потребуется достаточно много времени, чтобы реализовать функции, которые вы можете использовать сразу; к тому времени, когда вы будете готовы сделать еще один шаг, все равно все пойдет дальше.