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

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

Данные таблицы сравнивают поддержку 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 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 Да Нет Да[источник не указан 609 дней] Да Нет
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 Нет 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 (по состоянию на 17.02.2013)[10] браузеры показывают следующие результаты в тестах (максимально можно набрать 500 очков):

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

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

Производитель Платформа Очки Бонус-очки
Microsoft WP8 320 6
Google Android 4.0 297 3
Samsung Bada 2.0 283 9
Apple iOS 6.0 386 9
Opera Mobile 12.10 406 12
Blackberry OS 10 485 11
Firefox Mobile 399 14
Chrome Mobile 390 11

[править] Ссылки

[править] Спецификации

  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?
Источник — «http://ru.wikipedia.org/w/index.php?title=Сравнение_браузеров_(HTML5)&oldid=54673277»