Разное

Браузер поддерживающий html 5 css3 и javascript: Поддержка браузерами технологий HTML5 и CSS3 Текст научной статьи по специальности «Прочие социальные науки»

11.08.2021

Содержание

Поддержка браузерами технологий HTML5 и CSS3 Текст научной статьи по специальности «Прочие социальные науки»

УДК 004.442

ПОДДЕРЖКА БРАУЗЕРАМИ ТЕХНОЛОГИЙ HTML5 И CSS3

© А.В. Новожилов, Г.С. Акулов

Ключевые слова: HTML5; CSS3; стандарты; технологии веб-программирования.

Исследованы вопросы перехода на новые технологии веб-программирования HTML5 и CSS3, которые упрощают процесс создания интерактивных веб-сайтов за счет внедрения новых элементов и атрибутов. Проведено исследование уровня поддержки браузерами указанных технологий, выявлено, что не все браузеры на данный момент в полной мере поддерживают HTML5 и CSS3. Рассмотрены такие браузеры, как Google Chrome, Opera, Safari, Firefox, Internet Explorer.

В течение последних лет в сети Интернет наблюдается бум развития и популяризации интерактивных веб-сайтов [1]. Серьезным шагом в этом направлении стало появление HTML5 — технологии, призванной сделать Интернет быстрее, проще и доступней для каждого, а также в связке с CSS3 заменить Adobe Flash во многих ее нишах. Дополнительно к этому HTML5 является единственным унифицированным разметочным языком, полноценно работающим наравне с родными языками программирования большинства современных мобильных операционных систем, таких как Android, iOS, Windows Mobile, Blackberry and WebOS [2].

Несмотря на то, что спецификация HTML5 еще целиком не готова, и W3C планирует полностью ее выпустить лишь к 2022 г., большинство современных веббраузеров уже сегодня осуществляет качественную поддержку многих возможностей, описанных в вышедших модулях упомянутой спецификации. Этому способствует сама модульная структура спецификации, что, в свою очередь, позволяет производителям вебобозревателей с каждой новой версией своих продуктов улучшать поддержку HTML5 и оказывать благоприятное влияние на растущую популярность этой технологии.

Данная технология может предоставить важные преимущества, способные оказать позитивное влияние на развитие интерактивных веб-сайтов, особенно если учесть тот факт, что в последнее время для работы в сети все чаще используются различные мобильные устройства, такие как современные сотовые телефоны и планшеты, доля рынка которых постоянно растет [3].

CSS — одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты Web» [4]. CSS3 — это новый стандарт оформления HTML-документов, значительно расширяющий возможности предыдущего стандарта. Многие возможности, которые были труднодоступны в CSS2.1 и требовали использования дополнительных внешних программ, написания скриптов (JavaScript, VBScript), могут легко достигаться в CSS3 за счет использования новых свойств оформления.

Отметим, что новые CSS3 свойства поддерживаются только в современных браузерах: IE9+, Firefox 3.6+, Opera 10+, Chrome 12+, Safari 5+. Наиболее полно под-

держивающими стандарт CSS являются браузеры, работающие на движках Gecko (Mozilla Firefox и др.), WebKit (Safari, Arora, Google Chrome) и Presto (Opera). Бывший когда-то самым распространенным браузером Internet Explorer 6 поддерживает CSS далеко не полностью. Вышедший спустя 7 лет после своего предшественника Internet Explorer 7 хотя и значительно улучшил уровень поддержки CSS, но все еще содержит значительное количество ошибок. В Internet Explorer 8 используется новый движок, который полностью поддерживает CSS 2.1 и частично — CSS 3.

Для проверки поддержки браузером веб-стандартов (в т. ч. и различных частей стандарта CSS) был разработан тест Acid. Его вторая версия называется Acid2, а третья, соответственно, Acid3.

В стандартах CSS от Консорциума W3C используется модель, в которой свойство width определяет ширину содержимого блока, не включая в нее отступы и рамки. Ранние версии Internet Explorer (4 и 5) реализовали собственную модель, в которой width определяет расстояние между рамками блока, включая отступы (padding) и рамки (border). Кроме Internet Explorer 5 эту модель также понимают браузеры Netscape 4 и Opera 7. Поддержка стандартной модели W3C появилась в IE только в шестой версии.

В разрабатываемом стандарте CSS3 для решения этой проблемы введено свойство box-sizing со значениями content-box для указания на использование стандартной модели W3C и border-box для использования модели IE 5.

В браузере Mozilla при поддержке этого свойства под собственным «рабочим» названием -moz-box-sizing ввели еще одно значение -padding-box, таким образом, создав третью блочную модель, в которой width — это размер содержимого и отступов блока, не включая рамки.

HTML5 — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете [5]. Это пятая версия HTML-стандарта (изначально созданного в 1990 г. и последней версией которого являлся HTML4, стандартизированный в 1997 г.) и находится в стадии разработки по состоянию на февраль 2013 г. Основной ее целью является улучшение языка,

Рис. 1. График динамики уровня поддержки браузерами технологии HTML5

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

В HTML5 появляется множество синтаксических особенностей. Например, элементы <video>, <audio> и <canvas>, а также возможность использования структурированной векторной графики. Эти новшества разработаны для упрощения внедрения и управления графическими и мультимедийными объектами в сети без необходимости обращения к собственным плагинам [6].

Даже несмотря на то, что HTML5 был хорошо известен среди веб-разработчиков в течение нескольких лет, он стал основной темой СМИ только в апреле 2010 г. После этого глава компании Apple Inc. Стив Джобс написал публичное письмо, заголовок которого гласил: «Мысли по поводу Flash», где он заключил, что с разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений с помощью Adobe Flash. Но разработчики должны принимать во внимание различия браузеров и необходимость поддержки различных частей стандартов, равно как и функциональные различия между HTML5 и Flash.

Технология HTML5 имеет несколько новых элементов и атрибутов, которые отражают типичное использование разметки на современных веб-сайтах. Некоторые из них — семантические замены для использования универсальных блочных и строчных элементов, например, <nav> (блок навигации по сайту), <footer> (обычно относится к нижней части страницы или последней строке HTML-кода) или <audio> и <video> вместо <object>. Некоторые устаревшие элементы, которые можно было использовать в HTML, были исключены, включая чисто оформительские элементы, такие как <font> и <center>, чьи эффекты выполняются с помощью каскадных таблиц стилей [7].

Наиболее популярным тестом в сети Интернет, позволяющим проверить совместимость используемого

посетителем браузера с будущим стандартом HTML5, является тест html5test.com, который оценивает браузер пользователя и ставит ему оценку от 0 до 550. На рис. 1 представлен график динамики уровня поддержки браузерами технологии HTML5 по данным html5test.com [8]. Стоит отметить, что использование последних версий браузеров позволит работать с сайтами, написанными на технологиях HTML5 и CSS3. Однако еще многие пользователи используют старые версии браузеров.

Несмотря на то, что IE отстает по многим показателям поддержки технологий HTML5 и CSS3, процент использования этого браузера достаточно высок. На рис. 2 представлен процент использования разных браузеров по данным Statcounter [9].

Таким образом, на данный момент HTML5 и CSS3 поддерживают не все браузеры, однако Google Chrome, Opera и Mozilla FireFox обеспечивают максимально возможную поддержку новых стандартов. Технологии HTML5 и CSS3 заметно упрощают процесс создания интерактивных веб-сайтов, и скорее всего большинство пользователей со временем перейдет на браузеры с поддержкой HTML5 и CSS3.

; WeBrcws«

Рис. 2. Процент использования браузеров по Statcounter

ЛИТЕРАТУРА

1. Clarke A. Hardboiled Web Design. Penarth, UK, 2010. 400 p.

2. Meier R., Mahemoff M. Google I/O 2011: HTML5 versus Android: Apps or Web for Mobile Development? URL: http://www.you-tube.com/watch?v=4f2Zky_YyyQ (accessed: 29.10.2013).

3. Доля рынка мобильных устройств. URL: http://www.netmarket-share.com/ (дата обращения: 29.10.2013).

4. История создания и развития CSS3. URL: http://kulibaba.net/web-development/css (дата обращения: 29.10.2013).

5. Результат исследования рынка технологий HTML5. URL: http://www.advertology.ru/article115910.htm (дата обращения: 20.06.2013).

6. Differences from HTML4. W3C Working Draft 28 May 2013. URL: http://www.w3.org/TR/html5-diff/ (дата обращения: 30.10.2013).

7. Pilgrim M. Dive into HTML5. URL: http://diveintohtml5.info/ (accessed: 25.10.2013).

8. HTML5 Test. Timeline. URL: http://html5test.com/results/desk-

top.html (дата обращения: 25.10.2013).

9. Статистика браузеров за октябрь 2013 г. URL: http://webrowser.ru/ rynok/statistika-internet-brauzerov-v-oktyabre-2013-goda.html (дата обращения: 11.10.2013).

Поступила в редакцию 20 ноября 2013 г.

Novozhylov A.V., Akulov G.S. BROWSERS SUPPORT OF HTML5 AND CSS3

The problem of transition to the new web-programming technologies HTML5 and CSS3 are researched in the article. These technologies simplify the process of web-programming by introducing new elements and attributes. A study of the level of browser support these technologies, it is revealed that not all browsers at the moment to fully support HTML5 and CSS3. Considered browsers such as: Google Chrome, Opera, Safari, Firefox, Internet Explorer.

Key words: HTML5; CSS3; standards; technology; webprogramming.

Новожилов Андрей Вячеславович, Тамбовский государственный университет им. Г.Р. Державина, г. Тамбов, Российская Федерация, бакалавр по направлению подготовки «Информационная безопасность» института математики, физики и информатики, e-mail: [email protected]

Novozhylov Andrey Vyacheslavovich, Tambov State University named after G.R. Derzhavin, Tambov, Russian Federation, Candidate for Bachelor’s Degree of Direction of Preparation of “Information Security” of Mathematics, Physics and Informatics Institute, e-mail: [email protected]

Акулов Геннадий Сергеевич, Тамбовский государственный университет им. Г.Р. Державина, г. Тамбов, Российская Федерация, бакалавр по направлению подготовки «Информационная безопасность» института математики, физики и информатики, e-mail: [email protected]

Akulov Gennadiy Sergeyevich, Tambov State University named after G.R. Derzhavin, Tambov, Russian Federation, Candidate for Bachelor’s Degree of Direction of Preparation of “Information Security” of Mathematics, Physics and Informatics Institute, e-mail: [email protected]

Что могут браузеры. HTML5|CSS3 — это не реальность, а мечты / Хабр

Я, как и вы, наверно, много читаю про новые технологии веб-разработки. Кто-то даже играет в песочнице с крутыми новыми фичами. Публикует статьи типа «как заставить IE работать с SVG».
Youtube переходит частично на HTML5, а какие красоты рисуют апологеты CSS3 в качестве примеров новых свойств. Я так же с открытым ртом читаю все это, разглядываю сэмплы и мечтаю о том, как все это круто уложится в какой-нибудь мой (или заказной) проект, и как он станет пионерским и новаторским, и все о нем будут говорить…

Все это не правда, товарищи…

Хочется думать, что будущее уже здесь или хотя бы рядом. Сводные таблицы как всегда возвращают на землю.

Вот тут сводники:

HTML5, CSS3, SVG, Canvas — нативная поддержка.

Лидер — хром с 89%. Но ИЕ хоть и сделал адский скачок почти вдвое с 7 версии — но это 13(!!!!) процентов поддержки.

То же — с JS костылями
… и даже с костылями восьмерка ИЕ — поддерживает лишь половину опций… В лидерах снова хром с 91%. Честь ему и хвала, конечно… Да ладно, чего тут холивары разводить — сами все понимаете.

Смотрим в будущее — прогноз нативной поддержки того же набора
Девятый ИЕ в прогнозе даст 42% поддержки всего того же без костылей. FF — сделает большой, а Safari — маленький рывок и они уравняются с хромом, что радует, но ровно три минуты. Это же прогноз на конец 2010-начало 2011. Учитывая темпы выпуска ИЕ — и то как они спокойно могут объявить, а потом придумать что-нибудь свое, обрубить поддержку — получим мы реально в девятке хотя бы 40%? Не уверен…
Остальные же браузеры в новых версиях почти никуда не двинутся, а это значит, что либо есть серьезные сомнения в перспективах полной поддержки HTML5/CSS3/SVG, либо (что скорее всего) они будут ждать отстающих, а это может занять годы.
Ну не годы, может быть, но пару лет.

Я не ною, просто давайте будем реалистами. ИЕ8 — не поддерживает border-radius, на котором лежит современная веб-эстетика (или может я много западного дизайна смотрю?). О чем мы вообще говорим.

Какие браузеры на ПК до сих пор поддерживали html5?



Я знаю, что большинство браузеров уже поддерживают HTML5 на мобильных телефонах, но как обстоят дела с PC браузерами, особенно для HTML5 <video> ?

Каковы хорошие веб-сайты и ресурсы для того, чтобы идти в ногу с тем, насколько хорошо различные браузеры поддерживают HTML5?

html html5-video
Поделиться Источник libnet     11 июня 2010 в 01:11

5 ответов



Поделиться mpen     11 июня 2010 в 01:15


Поделиться Gert Grenander     11 июня 2010 в 01:21



1

Состояние браузера для реализации HTML5 и CSS3.

Презентация, написанная на HTML5 языке с живыми примерами для ручного тестирования.

Поделиться Anurag     11 июня 2010 в 01:25


  • Какие браузеры поддерживают HTML SHORTTAGs?

    Какие браузеры (исторические или текущие версии) поддерживают любую из конструкций SHORTTAG HTML/SGML ? Поддерживали ли когда-либо какие-либо widely используемые браузеры SHORTTAGS каким-либо образом? (IE6 я смотрю на тебя.) Пример SHORTTAG: <p<a href=/>first part of the text</>…

  • Какие браузеры были последними, кто поддерживал только SSLv2?

    Я пытаюсь найти или составить список последних версий наиболее распространенных браузеров (например, IE, Firefox, Chrome, Safari, Opera), которые поддерживали только SSLv2. Пожалуйста, обратите внимание, что я видел этот вопрос , но я также нашел ответ Microsoft , который утверждает обратное,…



1

Chrome-это браузер, который лучше всего поддерживает HTML5… во вторую очередь — это FIREFOX,после этого-safari, затем opera… а после opera еще много…

Тот, который вы должны знать, что в любом случае не поддерживает HTML5 (правда, только 10%)-это интернет Explorer.

Попробуйте этот сайт, чтобы проверить поддержку thi HTML5 для браузеров..

http://html5test.coms/

Поделиться Garis M Suero     11 июня 2010 в 02:10



0

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

http://caniuse.com / #cats=HTML5&statuses=rec, pr,cr,wd,ietf

Поделиться James Black     11 июня 2010 в 02:07


Похожие вопросы:


Какие браузеры (и версии) поддерживают метод Canvas.toBlob?

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


Поддерживают ли какие-либо браузеры контекстное меню HTML5?

Поддерживают ли какие-либо браузеры атрибут контекстного меню HTML5 ?


Какие браузеры поддерживают встраивание шрифтов

Я читал о правиле @font-face и пытался понять, стоит ли использовать его в проекте для рендеринга franklin gothic medium для заголовка вместо чего-то вроде sIfr. Я подумал, что для браузеров,…


Какие компании до сих пор нанимают C программистов?

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


Какие веб-браузеры поддерживают Gelocation через HTML5?

Какие веб-браузеры (и версии) поддерживают Gelocation через HTML5?


Какие браузеры поддерживают HTML SHORTTAGs?

Какие браузеры (исторические или текущие версии) поддерживают любую из конструкций SHORTTAG HTML/SGML ? Поддерживали ли когда-либо какие-либо widely используемые браузеры SHORTTAGS каким-либо…


Какие браузеры были последними, кто поддерживал только SSLv2?

Я пытаюсь найти или составить список последних версий наиболее распространенных браузеров (например, IE, Firefox, Chrome, Safari, Opera), которые поддерживали только SSLv2. Пожалуйста, обратите…


какие браузеры я должен поддерживать и как бы вы это сделали на mac?

Я использую много HTML5/CSS3 и нахожусь на mac. Все выглядит отлично для меня, но я не мой клиент :(. Если вы хотите настроить что-то для лучшего кроссбраузерного тестирования, 1) какие браузеры вы…


Как протестировать мобильную веб-страницу html5 на ПК

Я разрабатываю мобильную веб-страницу html5 с html5,css3 и javascript.but, как протестировать макеты на ПК. Я попытался добавить несколько плагинов для изменения размера браузера до разрешения…


Принятие HTML5 полиглота послужило application/xhtml+xml

С точки зрения поддержки браузера и соответствия HTML5 (предполагая, что страница на самом деле хорошо сформирована XML), насколько удобно обслуживать страницу HTML5 polyglot с заголовком…

Определение поддержки HTML5 и CSS3 в браузере при помощи Modernizr

При использовании HTML5/CSS3 на вашем веб-сайте возникает проблема совместимости со старыми браузерами и Modernizr — это хороший способ решения этой проблемы, для пользователей со старыми/не поддерживающими стандарты браузерами.

Modernizr — это JavaScript-библиотека, которая использует методы обнаружения, чтобы определить поддерживает ли текущий браузер те или иные CSS3 и HTML5 функций, например, таких как rgba(), border-radius, CSS transition и многое другое.

Это позволяет вам использовать pseudo IF/ELSE условия в вашем CSS и, при желании, можно писать условные операторы в JavaScript при помощи созданного «Modernizr JavaScript object».

Кроме того, Modernizr добавляет поддержку стилей HTML5-элементов. Это позволяет использовать более семантические, перспективные элементы, таких как <section>, <header> и <dialog>, не беспокоясь о том, что они не заработают в Internet Explorer.

Как это работает


Для установки Modernizr, скачайте скрипт с этой страницы. Затем, между тегами head вашего сайта, добавьте ссылку на файл. Например:

<script src=»js/modernizr-1.0.min.js»> </ script>

Затем добавьте в ваш html-тег класс «no-js»:

<html>

Зачем добавлять этот тег? Потому что это будет состояние страницы по умолчанию. Если JavaScript (JS) не включен, то Modernizr не будет работать вообще (и, возможно, другие функции Вашего сайта также не будут работать), и этот класс нам нужен для этой проверки.

Если же JavaScript включен, то как только страница загрузится в браузере, этот класс будет динамически заменен, и может выглядеть примерно так:

<html>

Что это значит? Давайте посмотрим. В этом примере, я открыл страницу в Firefox 3.5. Этот браузер (к сожалению) не поддерживает множественные фоновые изображения, CSS градиенты или CSS трансформацию, поэтому Modernizr добавляет классы “no-multipebgs“, “no-cssgradients” и “no-csstransforms“. С другой стороны, он поддерживает canvas и border-radius, соответственно добавляются классы «canvas» и «borderradius». И т.д.

Как это использовать.

Предположим нам нужно задать несколько фоновых изображений для фона, css будет выглядеть так:

#nice {
 background: url(background-one.png) top left repeat-x,
 url(background-two.png) bottom left repeat-x;
}

Но старые браузеры проигнорируют эти стили, поэтому, используя Moderniz, мы определим следующие правила:

#nice {
 background: url(background-one.png) top left repeat-x;
}
.multiplebgs #nice {
 background: url(background-one.png) top left repeat-x,
 url(background-two.png) bottom left repeat-x;
}

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

Сайт: http://www.modernizr.com/


Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

Должен ли я использовать HTML5 и / или CSS3 для создания своего сайта?

Наверное.

Есть части HTML5, которые вы можете использовать прямо сейчас, сегодня. Формы например. Если у вас есть <input type="email">браузер, который не поддерживает HTML5 (да, даже IE6), вы просто увидите то же самое, что и при использовании <input type="text">. Тем не менее, в браузере, который поддерживает элементы формы HTML5, вы получаете преимущества этого emailтипа, а именно: клиент проверит ошибку при проверке значения без дополнительных JS. Хотя да, вам все равно понадобится JS для браузеров, отличных от HTML5, у вас будет еще один уровень проверки в поддерживаемых браузерах.

Другой вопрос на этом сайте дает хороший обзор новых функций, доступных вам через HTML5 и CSS3. В этом вопросе также много хороших данных о формах.

Поскольку Internet Explorer (и более старые версии Safari и Firefox, какими бы редкими они ни были) не поддерживают многие из этих функций, у вас остались библиотеки JavaScript для заполнения пробела. Они включают в себя снижение производительности (хотя только для браузеров, которые должны их использовать), поэтому будьте внимательны к своим пользователям при их использовании.

Чтобы решить проблемы с отсутствием поддержки функций, если вы решите, что эти новые функции того стоят, используйте следующие ресурсы:

  • html5shiv: JavaScript для IE, чтобы распознавать и стилизовать элементы HTML5.
  • CSS3 Pie: прикрепленное к IE поведение (.htcфайл), которое позволяет Internet Explorer 6-8 отображать некоторые из наиболее полезных функций оформления CSS3. При применении к элементу, он позволяет И.Е. распознавать и отображатьborder-radius,box-shadow,border-image, множественные фоновые изображения, иlinear-gradientкачестве фонового изображения.
  • Modernizr: библиотека Javascript, которая использует обнаружение функций для проверки текущего браузера на предмет наличия новых функций CSS3 / HTML5, добавляя классы в элемент <html> для тех, которые поддерживаются. Также создает глобальный объект JavaScript с одноименным названием, который содержит логическое свойство для каждой функции,trueесли поддерживается иfalseесли нет. Добавлена поддержка для укладки и печатей HTML5 элементовтаквы можете использовать такие элементы, как<section>,<header>и<nav>.
  • ie-css3.js: позволяет Internet Explorer идентифицировать селекторы псевдокласса CSS3 и отображать любые правила стиля, определенные с ними. Поддерживает различные селекторы CSS3, в зависимости от того, какую библиотеку JavaScript использует ваш сайт.
  • DD_belatedPNG: библиотека Javascript, которая добавляет поддержку изображений PNG в IE6. Вы можете использовать PNGs какsrcиз<img />элемента иликачествеbackground-imageсвойства в CSS. В отличие отAlphaImageLoader,background-positionиbackground-repeatработают как задумано, и элементы будут реагировать наa:hoverпсевдокласс.
  • TwinHelix IE PNG Fix: поведение, прикрепленное к IE (.htcфайл), которое добавляет поддержку PNG с альфа-прозрачностью в IE 6. Поддерживается полное позиционирование и повторение CSS-фона (включая CSS-спрайты) с дополнительным (включенным) JavaScript.
  • Что бы: hover: прикрепленное к IE поведение (.htcфайл), которое автоматически исправляет: hover,: active и: focus для IE6, IE7 и IE8, позволяя вам использовать их так же, как и в любом другом браузере. Включаетсебя поддержку AJAX,означаетчто любой HTMLкоторый получает вставлено в документпомощью JavaScript также подтолкнет:hover,:activeи:focusстили в IE.

Интересно отметить, что DD_belatedPNG решает обе проблемы, решаемые с помощью Whither: hover и IEH Fixix от TwinHelix с использованием чистого JavaScript, тогда как Whither: hover и IE PNG Fix от TwinHelix используют комбинацию JavaScript и подключенного поведения IE ( .htc files).

Обычно люди, которые используют браузеры, отличные от IE, обновляют их, когда их об этом просят, и поэтому IE принимает на себя главный удар «Но некоторые браузеры не поддерживают эту функцию!» жалобы. Modernizr добавит возможность использовать HTML5 / CSS3 для любого браузера, который вы, вероятно, увидите, а не только для IE. ie-css3.js будет делать то же самое, вы просто должны реализовать его без условного комментария IE (что означает, что все браузеры получат его, если вы не включите его в проверки пользовательского агента на стороне сервера — это значительно снизит производительность) для всех ваших посетителей, а не только для ваших пользователей IE.)

javascript — Какие новые функции браузера доступны сегодня?

Это 2009 год. Наконец-то выпущен Internet Explorer 8, а Firefox приближается к 3.5. Многие из крупных браузеров начинают интегрировать функции из CSS3 и HTML 5 или делают это уже довольно давно. Тем не менее, я нахожусь в разработке веб-страниц точно так же, как в 2005 году.

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

Как быстро определить, поддерживается ли функция CSS3 или HTML5 всеми основными современными браузерами?

6

Emil H 23 Май 2009 в 15:15

4 ответа

Лучший ответ

Могу ли я использовать — это веб-сайт, который отслеживает поддержку браузером текущих и будущих веб-стандартов. Проверьте, хотите ли вы узнать, широко ли поддерживается данная функция.

12

Fabien Ménager 8 Апр 2017 в 20:08

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

Справочные документы:

1

xlm 8 Апр 2017 в 09:02

Внедрение шрифтов через CSS, используя @font-face. Webkit / Safari поддерживает его с версии 3.1, Microsoft с IE4, Mozilla с Firefox 3.5 (обзор поддержки браузера).

Кроме того, различные реализации API селекторов, который обеспечивает собственный браузер CSS механизм выбора для использования в сценариях DOM.

Для других примеров Когда я могу использовать … очень хороший справочник.

3

Mathias Bynens 23 Май 2009 в 11:27

Я бы сказал, что display: table и диапазон CSS2.1-селекторов — большие победы для дизайнеров. display: таблица решает некоторые неразрешимые или сложные макеты, такие как высота 100% и внутренние границы, не нарушая семантику и не используя фактические таблицы.

Несколько классов (.c1.c2)

Я часто использую min / max-width / height.

Также работает: hover и! Важный потрясающие.

Мне бы хотелось добавить поддержку SVG в этот список, но, естественно, Microsoft все испортила.

Кстати, большое предупреждение для тех, кто увлекается функциями HTML5. Официальной даты принятия этой спецификации не существует. Даже подразумевалось, что это может занять еще 10 лет (хотя я сомневаюсь в этом). Дело в том, что все, что вы делаете с HTML5, теперь может быть повреждено, когда появится официальная спецификация, и в то же время вы можете ожидать множество несоответствий браузера, ошибок и изменений API (не говоря уже о браузерах, которые вообще не поддерживают функции) ,

1

Simon Hayter 31 Янв 2013 в 19:35

Проверка поддержки новшеств HTML5 и CSS3.

Вы здесь: Главная — HTML — HTML 5 — Проверка поддержки новшеств HTML5 и CSS3.

Всем привет! HTML5 и CSS3 уже давно вошли в нашу жизнь, однако до сих пор все его функции поддерживает небольшое количество браузеров, они изменяются или даже удаляются. Сегодня я расскажу про сервис, благодаря которому вы сможете проверить, какой браузер, что поддерживает.

Данный сервис называется Can I Use и находится по ссылке caniuse.com.

Зайдя сюда, вы сразу можете видеть разные новые теги, свойства и прочее.

Вверху страницы вы видите строку поиска, введите туда, к примеру, border-radius, и вы тут же увидите его поддержку. Помимо поддержки вы узнаете, какой процент браузеров уже поддерживает данную функцию в правом верхнем углу, ниже найдете ссылку Known issues, где вы можете посмотреть уже известные проблемы с данным свойством в различных браузерах, ресурсы и обратную связь.

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

Еще вы найдете различные новости и фильтр.

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

А у меня на этом все, спасибо за внимание и удачи!

  • Создано 05.09.2014 20:00:36
  • Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:

  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

HTML5 Готовность

2008 / 2009 / 2010 / 2011 / 2012 / 2013

    • IE 8
    • IE 9
    • IE 10
    • Firefox
    • Опера 12
    • Safari 6
    • хром
    • IE 8
    • IE 9
    • IE 10
    • Firefox 3.6
    • Firefox
    • Опера 12
    • Safari 6
    • хром
    • IE 7
    • IE 8
    • IE 9
    • Firefox 3.6
    • Firefox 4+
    • Опера 11
    • Safari 5.1
    • хром
    • IE 6
    • IE 7
    • IE 8
    • Firefox 3.5
    • Firefox 3.6
    • Опера 11
    • Safari 5
    • Хром 8
    • IE 6
    • IE 7
    • IE 8
    • Firefox 2.0
    • Firefox 3.0
    • Opera 9.6
    • Safari 3.2
    • Хром 2
    • IE 6
    • IE 7
    • Firefox 2.0
    • Opera 9.5
    • Safari 3.1

Большинство этих функций готовы к использованию сегодня !

данные из caniuse.com

Поддерживает Масатака Якура | Об этом сайте

Создано Полом Айришем и Дивья Маниан

Лицензия MIT License


Логотип HTML5 от W3C

Введение в совместимость с браузером HTML5

За последние несколько лет HTML5 превратился из мифического существа в живую реальность и получил определенную долю от скептиков и экспертов относительно его готовности и жизнеспособности.Теперь, в 2012 году, HTML5 готов к использованию со всеми современными браузерами, включая IE9. Он также был разработан для изящной деградации даже без помощи JavaScript или сброса CSS.

Тем не менее, вы можете быть обеспокоены обеспечением полной обратной совместимости или не уверены в том, что будет работать в одном браузере, а не в другом. HTML5 часто обвиняли в проблемах, связанных с jQuery и CSS3, как новыми технологиями, так и стандартами, развивающимися вместе с HTML5, но фактически не являющимися его частью. Чтобы получить представление о совместимости браузера HTML5, вы должны сначала понять, как браузеры смотрят на каждый из этих языков.

HTML5 против CSS3

HTML5 — это пересмотренная версия спецификации разметки HTML, содержащая несколько передовых практик и правил, по которым производители браузеров и веб-разработчики могут найти общий язык. Впервые он был разработан и принят W3C в 2006 году, закрылся в 2009 году и признан готовым к использованию, а полное одобрение кандидата, вероятно, ожидается в этом году. Он содержит новые элементы макета, которые вы, вероятно, видели, такие как

,

Добавить комментарий

Ваш адрес email не будет опубликован.