Lt304888.ru

Туристические услуги

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

25-07-2023

Данные таблицы сравнивают поддержку 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 Да Нет Да[источник не указан 597 дней] Да Нет
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

Ссылки

  • 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. 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?

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

© 2020–2023 lt304888.ru, Россия, Волжский, ул. Больничная 49, +7 (8443) 85-29-01