Сравнение браузеров (HTML5)

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

Данные таблицы сравнивают поддержку HTML5 и CSS3 в наиболее распространенных браузерах.

Обозначения

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

Параметр	Значение
Да	Браузер полностью поддерживает данное свойство/элемент
Нет	Данное свойство или элемент не поддерживается
Частично	Присутствует неполная реализация данного свойства/элемента
Экспериментальная поддержка	Присутствует экспериментальная поддержка
Тестовая сборка	Присутствует поддержка в тестовых сборках браузера.

HTML 5

Новые теги

	Internet Explorer	Firefox	Chrome	Safari	Opera
Embedded content elements
embed	3.0	1.0	1.0	1.0	7.0
video	9.0	3.5	3.0	Да	10.5
audio
source
canvas	9.0	1.5	2.0[1]	Да	9.0
SVG in text/html	9.0	4.0	Да	Нет	11.65
MathML in text/html	Нет	4.0	Да
Section elements
section	9.0	4.0	5.0	5.0	Да
nav
article
aside
hgroup
header
footer
Grouping content elements
figure	9.0	4.0	Да	Нет	Да
figcaption
Text-level semantic elements
mark	9.0	4.0	Да	Нет	11.10
ruby	3.0	Нет	4.0		Нет
time	Нет	Нет	Нет		11.50
wbr	Да	Да	Да	Да	Да
Interactive elements
details	Нет	Нет	Да	Нет	Нет
summary	Да	Да	Да	Да	Да
command	Нет	Нет	Нет	Нет	Нет
menu	Да	Да	Да	Да	Да
	Internet Explorer	Firefox	Chrome	Safari	Opera

Элементы и атрибуты форм

	Internet Explorer	Firefox	Chrome	Safari	Opera
Input types
search	Нет	4.0	1.0	Да	11.0
tel	Нет	4.0	3.0	Да	11.0
url	Нет	4.0	3.0	Да	9.0
email	Нет	4.0	3.0	Да	9.0
datetime	Нет	Нет	Да	Да	9.0
date
month
week
time
datetime-local
number	Нет	Нет	3.0	Да	9.0
range	Нет	Нет	1.0	Да	9.0
color	Нет	Нет	4.0	Да	11.0
Атрибуты
autocomplete	Да	Да	Да	Да	9.0
autofocus	Нет	4.0	2.0	Да	9.0
placeholder	Нет	4.0	3.0	Да	11.0
multiple	Нет	3.6	2.0	Да	11.0
pattern	Нет	4.0	4.0	Да	9.0
required	Нет	4.0	3.0	Да	9.0
control	Нет	4.0	Да	Нет	9.0
form	Нет	4.0	Да	Нет	9.0
formaction	Нет	4.0	Да	Нет	10.5
formenctype	Нет	4.0	Да	Нет	10.5
formmethod	Нет	4.0	Да	Нет	10.5
formnovalidate	Нет	4.0	Да	Нет	10.5
formtarget	Нет	4.0	Да	Нет	10.5
labels	Нет	Нет	Нет	Нет	9.0
Элементы
datalist	Нет	4.0	Нет	Нет	9.0
keygen		1.0	1.0	Нет	11.10
output		4.0	Нет	Нет	9.0
progress		Нет	Да	Нет	11.0
meter		Нет	Да	Нет	11.0
	Internet Explorer	Firefox	Chrome	Safari	Opera

Форматы видео / аудио

	Internet Explorer	Firefox	Chrome	Safari	Opera
Видео
Ogg Theora	Нет	Да	Да	Нет	Да
H.264	Да	Нет	Да[2]	Да	Нет
WebM VP8	Нет	Да	Да	Нет	Да
Аудио
Vorbis	Нет	Да	Да	Нет	Да
MP3	Да	Нет	Да[источник не указан 480 дней]	Да	Нет
AAC	Да	Нет	Да	Да	Нет

Связанные спецификации

	Internet Explorer	Firefox	Chrome	Safari	Opera
Web Storage	8.0	3.5	Да	Да	10.5
Indexed DB	HTML5 Labs[3]	4.0	11.0	Частично	Нет
File API	HTML5 Labs[4]	3.5	7.0	Да	11.1
File API: Writer	Нет	Нет	Частично	Частично	Нет
Media Capture API	Нет	4.0	Нет	Нет	12.0
Server-Sent Events	Нет	Нет	Да	Да	11.0
WebSocket	HTML5 Labs[5]	4.0	6.0[6]	5.0	11.0
Web Workers	Нет	3.5	2.0	Да	10.6
Geolocation API	9.0	3.5	5.0	Да	10.6
Offline Web applications	Нет	3.5	5.0	Да	10.6
WebGL	Нет	4.0	9.0	Нет	12.0 не во всех ОС

Каскадные таблицы стилей (CSS3)

	Chrome	Firefox[7]	Opera	Internet Explorer
Box Model[spec 1]
overflow-x	1.0	1.5	9.5	Частично
overflow-y
Backgrounds and Borders [spec 2]
multiple background	1.0	3.6	10.5	9.0
background-clip	1.0	1.0
background-origin
background-size		3.6
border-radius	1.0	1.0[8]
border-image	1.0	3.5		Нет
box-decoration-break	Нет	Нет	10.6
box-shadow	1.0	3.5	10.5
Colors [spec 3]
opacity	1.0	1.0	9.0	9.0
Fonts[spec 4]
font-size-adjust	Нет	1.0[9]	Да	Нет
font-stretch		Нет	Нет
Text[spec 5]
text-shadow	Да	3.5	9.5	Нет
word-break	Нет	Нет	Нет	Частично
text-wrap				Нет
word-wrap	1.0	3.5	10.5	5.0
text-align-last	Нет	Нет	Нет	Частично
text-justify				5.5
punctuation-trim				Нет
text-emphasis
text-outline
hanging-punctuation
text-overflow (dropped)	Частично		Частично	Частично
User interface[spec 6]
Paged media[spec 7]
Speech[spec 8]
Media Queries[spec 9]
width	1.0	3.5	9.0	9.0
height
device-width
device-height
device-aspect-ratio
color			10.5
color-index
monochrome
resolution	Нет
orientation			11.00
aspect-ratio			9.5
grid		Нет	10.5
scan
Ruby characters[spec 10]
Multi-column Layout[spec 11]
Multi-column Layout	1.0	1.5	11.10	Нет
Animation[spec 12]
animation	Частично	Частично	Да	Нет
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
2D Transforms[spec 13]
transform	Частично	3.5	10.5	Нет
transform-origin
3D Transforms[spec 14]
transform	Частично	Частично	Нет	Нет
transform-origin
transform-style
text-outline
perspective
perspective-origin
backface-visibility
Transitions[spec 15]
transition	Частично	3.7	10.5	Нет
transition-duration
transition-timing-function
transition-delay
transition-property
Flexible Box Layout[spec 16]
box-align	Частично	1.0	Да	Нет
box-direction
box-flex
box-flex-group
box-lines		Нет
box-ordinal-group		1.0
box-orient
box-pack
Marquee[spec 17]
marquee-direction	через специфичное свойство -webkit	Нет	Нет	Нет
marquee-play-count
marquee-speed
marquee-style
overflow-style

Другие измерения

По версии html5test.com (по состоянию на 16.12.2012)^[10] браузеры показывают следующие результаты в тестах (максимально можно набрать 500 очков):

Браузер	Версия	Очки	Бонус-очки
Internet Explorer	10	320	6
Safari	6.0	378	8
Firefox	17.0.1	392	10
Opera	12.10	419	9
Chrome	23.0	448	13

Результаты мобильных браузеров по тому же источнику:

Производитель	Платформа	Очки	Бонус-очки
Microsoft	WP7 Mango	141	5
Google	Android 4.0.3	275	3
Samsung	Bada 2.0	270	9
HP	webOS 2.1	189	5
Apple	iOS 4.3	217	7
Opera	Mobile 12.0	369	11
Blackberry	OS 7	277	3
Nokia	MeeGo	283	14

Ссылки

• 15.04.2010 :: У кого HTML5 длиннее
• Сравнение браузеров
• http://www.html5test.com/

Спецификации

1. ↑ «CSS basic box model», W3C, <http://www.w3.org/TR/css3-box/> 
2. ↑ «CSS Backgrounds and Borders Module Level 3», W3C, <http://www.w3.org/TR/css3-background/> 
3. ↑ «CSS Color Module Level 3», W3C, <http://www.w3.org/TR/css3-color/> 
4. ↑ «CSS Fonts Module Level 3», W3C, <http://www.w3.org/TR/css3-fonts/> 
5. ↑ «CSS Text Level 3», W3C, <http://www.w3.org/TR/css3-text/> 
6. ↑ «CSS3 Basic User Interface Module», W3C, <http://www.w3.org/TR/css3-ui/> 
7. ↑ «CSS3 Module: Paged Media», W3C, <http://www.w3.org/TR/css3-page/> 
8. ↑ «CSS3 Speech Module», W3C, <http://www.w3.org/TR/css3-speech/> 
9. ↑ «Media Queries», W3C, <http://www.w3.org/TR/css3-mediaqueries/> 
10. ↑ «CSS3 Ruby Module», W3C, <http://www.w3.org/TR/css3-ruby/> 
11. ↑ «CSS Multi-column Layout Module», W3C, <http://www.w3.org/TR/css3-multicol/> 
12. ↑ «CSS Animations Module Level 3», W3C, <http://www.w3.org/TR/css3-animations/> 
13. ↑ «CSS 2D Transforms Module Level 3», W3C, <http://www.w3.org/TR/css3-2d-transforms/> 
14. ↑ «CSS 3D Transforms Module Level 3», W3C, <http://www.w3.org/TR/css3-3d-transforms/> 
15. ↑ «CSS Transitions Module Level 3», W3C, <http://www.w3.org/TR/css3-transitions/> 
16. ↑ «Flexible Box Layout Module», W3C, <http://www.w3.org/TR/css3-flexbox/> 
17. ↑ «CSS Marquee Module Level 3», W3C, <http://www.w3.org/TR/css3-marquee/> 

Примечания

Примечания Internet Explorer

Третья превью версия IE9 и Google Chrome 6.0 уже способны воспроизводить HTML5 видео на таком популярном хостинге видео как YouTube.

Примечания Firefox

Примечания Chrome

Другие примечания

1. ↑ Частичная поддержка имелась в версии 1.0
2. ↑ MPEG-4/H.264 video format
3. ↑ HTML5Labs — Info
4. ↑ HTML5Labs — Documentation
5. ↑ HTML5Labs — Info
6. ↑ Устаревшая спецификация поддерживалась с версии 4.0
7. ↑ CSS support char «Mozilla CSS support char», Mozilla, <https://developer.mozilla.org/en/Mozilla CSS support char> 
8. ↑ Firefox 3.5 имеет более полную поддержку
9. ↑ Firefox 3.0 имеет более полную поддержку
10. ↑ The HTML5 test — how well does your browser support HTML5?