Каковы лучшие руководства по поддержке HTML5 и CSS3 в веб-браузерах?

Question

Знаете ли вы о полезных ресурсах о HTML5 и CSS3?

UPDATE:

Я (и я думаю, что многие люди) ищет практическую информацию о том, как и в какой степени возможно использовать эти незаконченные технологии. Я нашел один очень полезный ресурс:

http://caniuse.com/

Answer 1

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

Внедренные стандарты

Firefox

• Сеть разработчиков Mozilla для движка Gecko
  @ https://developer.mozilla.org/en#Documentation

Internet Explorer

• HTML, CSS, объектная модель DOM
  @ http://msdn.microsoft.com/en-us/library/aa737439(v=MSDN.10).aspx
• JScript (он же JavaScript)
  @ http://msdn.microsoft.com/en-us/library/hbxc2t98.aspx

Не уверен насчет официальных документов разработчика Webkit (Chrome. Safari), но вы часто можете использовать документы MDC / Gecko, потому что они обычно близки по стандартам. ( << Обновление </strong>: в другом ответе содержится информация о Webkit. )

---

Стандартные источники

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

Это слайд-шоу о стандартных технологиях HTML 5, и необходимо просматривать в HTML 5 (например, Google Chrome работает хорошо).

• HTML 5 (W3C): http://dev.w3.org/html5/spec/Overview.html
• CSS 3 (W3C): http://www.w3.org/TR/css3-roadmap/
• HTML 5 веб-сокетов (W3C): http://dev.w3.org/html5/websockets/
• WebGL : http://www.khronos.org/webgl/
• База данных Web SQL : http://dev.w3.org/html5/webdatabase/
• API кэша приложений для автономных приложений (W3C): http://dev.w3.org/html5/spec/Overview.html#offline
• Web Workers для фоновых процессов (W3C): http://dev.w3.org/html5/workers/
• Веб-сокеты для двусторонней связи с хостом (W3C): http://dev.w3.org/html5/websockets/
• Перетаскивание (W3C): http://dev.w3.org/html5/spec/Overview.html#dnd
• Геолокация , чтобы определить себя (W3C): http://dev.w3.org/geo/api/spec-source.html
• Веб-хранилище для хранения дополнительных данных в браузере (W3C): http://dev.w3.org/html5/webstorage/
• Canvas Tag для визуализации на лету: http://dev.w3.org/html5/spec/Overview.html#the-canvas-element
• и многое другое ... Есть много частей.

Стратегия поиска дополнительной информации ...

См. отличное слайд-шоу (с помощью браузера с поддержкой HTML 5 - это поднимет вам настроение) для обзора ...

Затем найдите нужную спецификацию на веб-сайте W3C.org или в Google, используя ее поисковое выражение для таргетинга на сайт, например "site: www.w3.org" html 5 " YourTerm " например тег Google Canvas .

Answer 2

Что касается HTML5, я часто проверяю:

• https://html5doctor.com
• Погружение в HTML5

И да, спецификации HTML5, которую я недавно посетил, чтобы узнать больше о поддерживаемых типах ввода и атрибутах полей формы в HTML5:

• https://w3c.github.io/html/
• https://w3c.github.io/html/sec-forms.html#sec-forms

Что касается CSS3, я часто оказываюсь по адресу:

• http://www.css3.info/

Справочный материал по Safari, который может соответствовать или не соответствовать HTML5 / CSS3:

• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Introduction.html
• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Introduction.html

Answer 3

Хотите верьте, хотите нет, википедия: Сравнение механизмов компоновки CSS3 и HTML5 на самом деле очень хорошо при очень подробных сравнениях. Модернизр очень крупнозернистый.

Answer 4

Вы также можете взглянуть на HTML5 Laboratory , которая является моим собственным экспериментальным сайтом HTML5.

Как уже упоминалось выше, HTML5 Doctor и Dive to HTML5 - это два замечательных ресурса.