Когда вы думаете о html, 4 или 5, вам нужно прежде всего увидеть, что это язык для описания документов и содержащихся в них данных. По сути, html - это просто так. Он приобретает новые возможности, но все еще остается языком разметки для документов. Люди пытаются рассматривать его как надежный язык программирования, но даже для новых динамических функций требуется JavaScript для поддержки его функциональности. Не обманывайте себя, думая, что html5 - это все, что отличается от html4 - по большей части они все еще делают то же самое.
Ключом к написанию хорошего, полезного HTML (независимо от версии) является правильное использование семантики и чистых / эффективных методов разработки кода. Если вы используете правильные теги и пишете очень чистый код, у вас уже получается лучше, чем у некоторых «профессионалов», с которыми я работаю. Это большое дело.
Когда вы смотрите на документ, вы можете разбить его на части. Существуют типы документов, метаданные, связанные ресурсы, медиа-объекты (изображения, встроенные объекты), текстовые данные (табличные, абзацы, заголовки, цитаты, списки и т. Д.), Формы, фреймы и элементы, которые объединяют все это вместе, со стилями или без них.
Это, по сути, основа HTML-документа. Вы можете вывести его с помощью php или ruby или любым другим способом, но правильный документ всегда будет содержать некоторые (или иногда все) из этих вещей. Идеальный документ будет содержать эти вещи в правильных местах (чистое, последовательное кодирование) для достижения цели, для которой они предназначены (семантика).
Что html5 представляет, это дополнительные элементы для удовлетворения семантических требований, а также полезные, динамические элементы, которые хорошо согласуются с растущими требованиями, основанными на том, как люди используют и разрабатывают веб-сайты. Например, есть canvas, скриптовый прямоугольный элемент для представления визуальной информации. Кроме того, существует локальное хранилище - возможность сохранять данные стиля пары ключей в базе данных веб-клиента пользователя для последующего доступа, что было бы чрезвычайно полезно для сохранения изменений, внесенных в contenteditable элементы (еще одна функция html5) на сайте, возможно, если вы знали всегда будет использоваться один и тот же клиент. Еще немного, но я думаю, вы поняли картину.
Новые функции HTML5 не имеют ничего общего с написанием «хорошего HTML». Они полезны, но вы можете научиться писать отличный HTML без них. Фактически, это именно то, чем я занимался последние десять лет, до появления html5. Я рекомендую начать с основ - узнать о семантике, что они означают, почему мы будем их использовать, и даже включить новые теги html5 (Вне холста - Canvas - полезный элемент, но его использование не обязательно использует html). Узнайте о поддержке элементов в браузере, а затем научитесь связывать ресурсы в голове, такие как таблицы стилей и JavaScript. Со временем у вас появится хорошее представление о базовом html, и вы захотите использовать более продвинутые методы.
Пока, если вы не являетесь мастером новых функций html5, вы не пропустите. Конечно, есть кое-что интересное, но спецификация все еще может измениться, и вы можете потратить это ценное время на изучение вещей, которые не изменят - Основные вещи, которые делают HTML-кодеры действительно полезными.
edit: Что касается ресурсов, проверьте эти сайты:
Обычно полезные ресурсы
Quirksmode - Хороший блог, таблицы совместимости браузеров
html dog - Очень просто, начну с тебя хорошо
HTML5 Семантика и другая информация
HTML5 Doctor - Легко читается; Чтобы немного узнать о новых тегах html5, но в основном об их смысловых намерениях (это важно)
A List Apart - Опять же, хороший взгляд на семантику.
Погружение в html5 - Когда вам просто хочется немного почитать