Сравнение браузеров (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 Да 5.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 10.0 4.0 3.0 Да 9.0
email 10.0 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 10.0 4.0 4.0 Да 9.0
required 10.0 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 10.0 4.0 Нет Нет 9.0
keygen Нет 1.0 1.0 Нет 11.10
output Нет 4.0 Нет Нет 9.0
progress 10.0 Нет Да Нет 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 Да Да Да[источник не указан 959 дней] Да Нет
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 Нет 6.0 Да Да 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 11.0 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
background-origin 1.0
background-size 4.0
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 на 27.12.2013[10] браузеры показывают следующие результаты в тестах (максимально можно набрать 555 очков):

Браузер Версия Очки Бонус-очки
Maxthon 4.2 515 0
Internet Explorer 10 331 6
Safari 7.0 397 8
Firefox 26 446 14
Opera 18 494 9
Chrome 31 503 13
Яндекс Браузер 13.12 494

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

Производитель Платформа Очки Бонус-очки
Microsoft WP8 332 6
Google Android 4.0 424 3
Samsung Bada 2.0 283 9
Apple iOS 7.0 412 9
Opera 16 471 12
Blackberry OS 10 485 11
Firefox 25 462 14
Chrome 30 484 11

Ссылки[править | править исходный текст]

Спецификации[править | править исходный текст]

Примечания[править | править исходный текст]

Примечания Internet Explorer[править | править исходный текст]

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

Другие примечания[править | править исходный текст]

  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?