Начальная

Windows Commander

Far
WinNavigator
Frigate
Norton Commander
WinNC
Dos Navigator
Servant Salamander
Turbo Browser

Winamp, Skins, Plugins
Необходимые Утилиты
Текстовые редакторы
Юмор

File managers and best utilites

Как посмотреть поддержку браузерами html5 и css3? Браузеры html5


Поддержка HTML5 браузерами

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

Благодаря этому можно "научить" старые браузеры (даже IE6) правильно обрабатывать "неизвестные" HTML элементы.

Определение семантических элементов как блоковые элементы

HTML5 определяет восемь новых семантических тегов. Все они являются блоковыми элементами.

Чтобы обеспечить корректное поведение этих HTML элементов в старых браузерах, вы можете установить для них CSS свойство display в значение block:

header, section, footer, aside, nav, main, article, figure { display: block; }

Добавление новых HTML элементов

Также вы можете добавлять в HTML код страницы пользовательские элементы.

В следующем примере добавляется новый HTML элемент <myHero> и определяется для него стиль:

<!DOCTYPE html> <html> <head> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #dddddd; padding: 50px; font-size: 30px; } </style> </head> <body> <h2>Заголовок</h2> <myHero>Новый элемент myHero</myHero> </body> </html>

Выражение document.createElement("myHero") на JavaScript необходимо для создания нового элемента в IE версии 9 и более ранних версий.

Проблемы с Internet Explorer 8

Вы можете использовать описанное выше решение для определения всех новых элементов HTML5.

Однако, IE8 (и более ранние версии) не позволяют определять стиль для неизвестных элементов!

Но спасибо HTML5Shiv! HTML5Shiv — плагин JavaScript, позволяющий определять стили элементов HTML5 в браузерах Internet Explorer до версии 9.

Подключение HTML5Shiv

Плагин HTML5Shiv подключается внутри тега <head>.

HTML5Shiv — это JavaScript файл, который подключается в теге <script>.

Плагин HTML5Shiv следует использовать, когда используются новые элементы HTML5 вроде <article>, <section>, <aside>, <nav>, <footer>.

Последнюю версию плагина HTML5shiv можно скачать с github авторов (https://github.com/aFarkas/html5shiv) или определить ссылку на CDN версию по адресу https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js

Синтаксис:

<head> <!--[if lt IE 9]> <script src='/js/html5shiv.js'></script> <![endif]--> </head>

Пример подключения HTML5Shiv

Если вы не хотите или у вас нет возможности скачать на свой сайт файлы плагина HTML5Shiv, то вы можете определить ссылку на его CDN версию.

Скрипт плагина HTML5Shiv должен размещаться внутри тега <head> после всех определений стилей:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <body> <section> <h2>Знаменитые города</h2> <article> <h3>Лондон</h3> <p>Лондон — столица Англии. Это самый густо населенный город Великобритании с населением более 13 миллионов человек.</p> </article> <article> <h3>Париж</h3> <p>Париж — столица и самый густо населенный город Франции.</p> </article> </section> </body> </html>

msiter.ru

Поддержка HTML5 популярными браузерами

Привет всем посетителям и подписчикам блога 4remind.ru. Многие из вас знают, что стремительными темпами интернет наполняется сайтами, блогами и прочими ресурсам, созданными на основе HTML5, даже несмотря на то, что сам HTML5 еще находится на стадии разработки, пока еще не утверждена спецификация и неизвестно точно, когда это произойдет. Ну а раз так обстоят дела, то не мешало бы знать, насколько хорошо или плохо на данный момент осуществляется поддержка HTML5 наиболее распространенными и популярными браузерами.HTML5 - рейтинг популярных браузеровИсходя из того, что наиболее популярными или просто часто используемыми браузерами на данный момент являются Internet Explorer, Google Chrome, Mozlilla Firefox, Opera, Safari и еще... Maxthon, давайте проведем оценку уровня поддержки HTML5 этими популярными браузерами. Для оценки и выставления рейтинга будем использовать самый простой, удобный и бесплатный сервис The HTML5 test. Этот сервис выставляет оценку поддержки браузерами HTML5 в баллах и бонусных очках. Максимальное количество баллов 500, а бонусных очков 15. В будущем, если будет добавлено много новых тестов, то эти значения могут быть увеличены. На заметку: бонусные очки начисляются за поддержку аудио и видео элементов, а так же за поддержку SVG и MathML, и бонусные очки не суммируются с общими баллами.

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

1 - Maxthon

Первое место, как бы ни было странно для некоторых, получает... да, кросс-платформенный браузер Maxthon (версия 4.0.6)!Он получает 476 баллов и максимальное количество бонусных очков 15!

Рейтинг поддержки HTML5 браузером Maxthron

Бонусные очки Maxthon получил за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+8) и аудио-кодеков (+5).

Если Вы до сих пор не знакомы с браузером Maxthon, то самое время его опробовать. Он работает под Windows, Android, Mac, iPhone и iPad, есть отлично русифицированный интерфейс, как самого браузера Maxthron, так и его сайта). Вы точно не пожалеете, если даже этот браузер не будет вашим основным, и больше зауважаете китайцев, его создателей :)

Ссылка на сайт Maxthon: http://ru.maxthon.com/

2 - Google Chrome

Второе место с очень маленьким отставанием от лидера получает Google Chrome (версия 27.0)!Он получает 463 балла и 13 бонусных очков.

Рейтинг поддержки HTML5 браузером Google Chrome

Бонусные очки Google Chrome получил за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+6) и аудио-кодеков (+5).

В отличие от Maxthon, он поддерживает субтитры, но не поддерживает атрибуты микроразметки в тегах (Microdata).

3 - Opera

На третьем месте шведский браузер, любимый многими из постсоветского пространства, Opera (версия 12.15).Он получает 404 балла и 9 бонусных очков.

Рейтинг поддержки HTML5 браузером Opera

Бонусные очки начислены для Opera за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+4) и аудио-кодеков (+3).

В отличие от Google Chrome и Maxthon например, Opera не поддерживает формат аудио MP3.

4 - Mozilla Firefox

Четвертое место занимает Mozilla Firefox (версия 21.0). Жаль, что он пока отстает, пусть всего даже на каких-то 5 баллов, от Opera, ведь это мой основной браузер, с которым я работаю и отдыхаю. Хотя по бонусным очкам он компенсирует свое отставание.Он получает 399 баллов и 14 бонусных очков.

Рейтинг поддержки HTML5 браузером Mozilla Firefox

Бонусные очки засчитаны Mozilla Firefox за: парсинг SVG и MathML (+2), поддержку видео-кодеков (+6) и аудио-кодеков (+6).

Как и Opera он к сожалению пока не поддерживает популярный формат аудио MP3.

5 - Microsoft Internet Explorer

На пятом месте, с большущим отставанием от топов, Internet Explorer (версия 10.0). Для меня например это и не странно, даже наоборот, более странно, что он не на последнем :)Он получает 320 баллов и 6 бонусных очков.

Рейтинг поддержки HTML5 браузером MS Internet Explorer

Для IE 10 бонусные очки начислены за: парсинг SVG и MathML (+2) и слабенькую, но все же хоть какую-то поддержку видео-кодеков (+2) и аудио-кодеков (+2).

6 - Safari

На последнем шестом месте в нашем обзоре, с большущим отставанием от топов, и даже от IE 10, расположился Safari (версия 5.1.7). У меня пока не было под рукой ничего МАС-осовского, поэтому проверял только самую последнюю версию Safari под Windows.Он получает 278 баллов и 2 бонусных очка.

Рейтинг поддержки HTML5 браузером Safari

Бонусные очки начислены только за парсинг SVG и MathML (+2).

Для видео и аудио у Safari вообще нет поддержки (по крайней мере для этой, самой последней Windows версии). На пару с IE10 этот Safari вообще не поддерживает доступ к веб-камере (Access the webcam), а вот ТОП-4 браузеров в этом обзоре оказывают такую поддержку.

Послесловие

Вот такой вот получается рейтинг поддержки HTML5 среди часто используемых или наиболее популярных браузеров. В ближайшее время может конечно же что-то измениться. Периодически усовершенствуются браузеры и выходят их новые версии. Правда ИМХО надеяться на IE и Safari, глядя на их никчемные на данное время «потуги», не стоит. Да и зачем, ведь в ТОП-4 отличные и бесплатные кросс-платформенные браузеры. Правда обидно наверное поклонникам Opera, что под Windows она уже свой движок практически прекратила развивать.

На сайте html5test.com (автор: Niels Leenheer) Вы можете в любое время протестировать практически любой браузер (причем разных версий), пусть даже «самописный», на предмет его поддержки HTML5. Там же Вы увидите более детальные отчеты и таблицы с оценками тех браузеров, которых у Вас нет, или тех версий, которые уже устарели или не поддерживаются вашей операционной системой (в большей степени это касается IE, который как клещ вцепился в Windows, и которого без обновлений самой системы видимо не получается «раскручивать»).

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

Метки: HTML5, браузер, рейтинг

Поделитесь материалом с другими, воспользуйтесь этими кнопками:

4remind.ru

HTML5 | Введение

Что такое HTML

Последнее обновление: 08.04.2016

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

В 2014 году официально была завершена работа над новым стандартом - HTML5, который фактически произвел революцию, привнеся в HTML много нового.

Что именно привнес HTML5?

  • HTML5 определяет новый алгоритм парсинга для создания структуры DOM

  • добавление новых элементов и тегов, как например, элементы video, audio и ряд других

  • переопределение правил и семантики уже существовавших элементов HTML

Фактически с добавлением новых функций HTML5 стал не просто новой версией языка разметки для создания веб-страниц, но и фактически платформой для создания приложений, а область его использования вышла далеко за пределы веб-среды интернет: HTML5 применяется также для создания мобильных приложений под Android, iOS, Windows Mobile и даже для создания десктопных приложений для обычных компьютеров (в частности, в ОС Windows 8/8.1/10).

В итоге, как правило, HTML 5 применяется преимущественно в двух значениях:

  • HTML 5 как обновленный язык разметки гипертекста, некоторое развитие предыдущей версии HTML 4

  • HTML 5 как мощная платформа для создания веб-приложений, которая включает не только непосредственно язык разметки гипертекста, обновленный HTML, но и язык программирования JavaScript и каскадные таблицы стилей CSS 3.

Кто отвечает за развитие HTML5? Этим занимается World Wide Web Consortium (сокращенно W3C - Консорциум Всемирной Паутины) - независимая международная организация, которая определяет стандарт HTML5 в виде спецификаций. Текущую полную спецификацию на английском языке можно посмотреть по адресу https://www.w3.org/TR/html5/. И надо отметить, что организация продолжает работать над HTML5, выпуская обновления к спецификации.

Поддержка браузерами

Надо отметить, что между спецификацией HTML5 и использованием этой технологии в веб-браузерах всегда был разрыв. Большинство браузеров стало внедрять стандарты HTML5 еще до их официальной публикации. И к текущему моменту большинство последних версий браузеров поддерживают большинство функциональностей HTML5 (Google Chrome, Firefox, Opera, Internet Explorer 11, Microsoft Edge). В то же время многие старые браузеры, как например, Internet Explorer 8 и более младшие версии, не поддерживают стандарты, а IE 9, 10 поддерживает лишь частично.

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

Для проверки поддержки HTML5 конкретным браузером можно использовать специальный сервис http://html5test.com.

Необходимые инструменты

Что потребуется для работы с HTML5? В первую очередь, текстовый редактор, чтобы набирать текст веб-страниц на html. На данный момент наиболее популярным и продвинутым текстовым редактором является Notepad++, который можно найти по адресу http://notepad-plus-plus.org/. К его преимуществам можно отнести бесплатность, подсветка тегов html. В дальнейшем я буду ориентироваться именно на этот текстовый редактор.

Также стоит упомянуть кроссплатформенный текстовый редактор Visual Studio Code. Данный редактор обладает несколько большими возможностями, чем Notepad++, и кроме того, может работать не только в ОС Windows, но и в MacOS и в операционных системах на основе Linux.

И также потребуется веб-браузер для запуска и проверки написанных веб-страничек. В качестве веб-браузера можно взять последнюю версию любого из распространенных браузеров - Google Chrome, Mozilla Firefox, Microsoft Edge, Opera.

metanit.com

Как посмотреть поддержку браузерами html5 и css3?

Всем привет. Наверняка многие из вас знают, что html5 — это новая версия языка разметки гипертекста. Точнее, это просто хорошее дополнение к html4. Так вот, а как html5 и css3 поддерживается браузерами и где можно посмотреть такую информацию? Сегодня я вам расскажу!

Где смотреть поддержку возможностей?

Я рекомендую для этого использовать всего лишь один сервис — Caniuse. Даже переводиться на наш как: «Могу ли я использовать?»

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

свойства

Пример разработки сайта с использованием Caniuse

Скажем, верстаете вы тут форму для заполнения, в нее нужно добавить поля для ввода электронной почты, телефона и url-адреса организации. Заходим на caniuse и находим соответствующий пункт: Email, telephone & URL input types. Жмем и видим перед собой наглядную табличку (я приведу лишь ее часть), которая свидетельствует о том, что в Chrome и Firefox все отлично. Наши поля не поддерживаются в версиях IE 8-9, а также в мобильном браузере Opera Mini.поддежка html5

поддежка html5 Соответственно, только что вы получили важные знания, которые помогут вам принять решение, стоит ли использовать эти новые поля в своей форме. В целом, их использование вполне оправдано, а те браузеры, которые их не поддерживают, просто выведут текстовые поля. Соответственно, вы можете добавить проверку на валидацию формы с помощью скрипта. Но даже если вы в итоге все сделаете на html5, все равно это будет работать у 98% людей, потому что в целом они обновляют свое ПО, что бы там ни говорили.

В принципе сервис настолько шикарен, что вам даже не нужно искать название свойства — достаточно его просто вписать в поисковую строку, которая здесь располагается в самом верху. Например, я ввел border-image и мне сразу же высветили табличку с поддержкой этого свойства в браузерах.caniuse

caniuse В общем, еще один полезный сервис в копилку веб-разработчика. А что вы думаете о нем?

dolinacoda.ru

А насколько хорошо ваш браузер поддерживает HTML5? |

Все мы наслышаны новой версией спецификации языка HTML5. Но знаем ли мы насколько хорошо HTML 5  поддерживается нашим браузером, а на сколько остальными? Буквально сегодня я наткнулся на интересный ресурс, который поможет нам получить ответы на все вопросы по поддержке браузером языка HTML5.

А насколько хорошо ваш браузер поддерживает HTML5?

Начнем наше ознакомление с ресурсом по анализу поддержки HTML5 браузером:

Поддержка HTML5 браузеромПоддержка HTML5 браузером

 

 

Итак давайте немного разберемся с интерфейсом:

html5test-1st-view

 

В самом верху  у нас есть три вкладки:

1) Ваш браузер (на ней мы сейчас находимся) – выводить подробную статистику поддержки HTMl5 вашим браузером.

2) Другие браузеры, перейдя по этой вкладке мы можем посмотреть статистику по другим браузерам и их поддержкой спецификации языка HTMl5.

3) Сравнить – перейдя по этой вкладке ми можем добавить к сравнению между собой другие браузеры, в плане их поддержке спецификации языка HTMl5.

 

Большие цифры  показывают количество очков, которые набрал ваш браузер в результате прохождение теста по поддержке  языка HTMl5. Максимальное значение 555.

Также под цифрами есть маленькая строка в которой выводится версия вашего браузера и операционной системы. Убедитесь, что вас правильно распознали 🙂

Цветные блоки содержат в себе ссылки для: 1. Сохранения результата тестирования; 2. Перехода на страницу сравнения с другими браузерами; 3. Зашарить ваш результат в сети; 4. Помочь проекту деньгами.

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

html5test-main

 

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

html5test-sidebar

Как мы видим в каждом блоке есть пункты – составляющие этого блока, например в блоке Eements  представлены новые теги HTML5, перейдем в подраздел Section elements и нажмем на section element, появится всплывающее окошко с информацией, в нем меня порадовало наличие двух ссылок на описание текущего элемента в спецификации HTML5:

html5test-links

 

Перейдя по ссылкам можно почитать рекомендации к использованию новых элементов:, лично для себя нахожу этот момент одним из самых полезных на этом ресурсе 🙂

specification

 

Ну вот в принципе и все по основной части сайта, все достаточно понятно и наглядно не смотря на англоязычную версию ресурса.

Теперь пара слов о вкладках, которые мы обозначили в самом начале.

Статистика  поддержки HTML5 разными версиями современных браузеров

Во второй вкладке мы можем наблюдать интересную статистику поддержки HTML5  разными браузерами.

html5-test-browsers

Обратите внимание что есть вкладки в которых браузеры сгруппированы по типам устройств (ПК, планшет, телефон и др.)

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

html5test-timeline

 

 

Сравнение разных браузеров в плане  поддержки HTML5

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

html5test-compare

При добавлении версии браузера обратите ваше внимание для какого устройства этот браузер, т.к. все устройства в одном списке.

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

html5test-compare-browsers

 

Обратите ваше внимание на вкладку Features, в ней вы можете сделать сравнительную таблицу поддержки браузерами определенных свойств языка HTML5

 

 

html5test-compare-features

 

На этом я пожалуй завершу свой обзор, очень надеюсь, что он будет вам полезен 🙂

 

Если у вас остались вопросы, пишите их в комментариях к посту, буду рад пообщаться с вами!

webcomplex.com.ua

Разработка сайтов на HTML5. Что нового в HTML5?

Новое в HTML5

Привет, друзья!

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

Поддержка браузерами HTML5

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

На какие браузеры будем обращать внимание? Заглянем на минутку на GlobalStats от StatCounter и узнаем статистику за последнее время. Вот такая статистика была на момент написания этой статьи.

популярные браузеры

На первой картинке видна мировая статистика, на второй — данные по России.

популярные браузеры России

Хорошо видно, что Chrome по популярности среди пользователей уже несколько лет вне конкуренции. На втором месте — Firefox. IE с каждым годом теряет позиции. В России хорошее место также занимает Opera и Yandex Browser, у которого позиции только растут. Не стоит забывать и про Safari, который неплохо смотрится в общей динамике. Вот пожалуй и все браузеры, которые сегодня стоит учитывать при верстке страниц, в частности на HTML5.

Чтобы узнать, насколько хорошо каждый браузер поддерживает HTML5, есть 2 отличных сервиса caniuse.com и html5test.com. Только следует сразу поправиться, — нужно говорить не о поддержке браузерами HTML5, а о поддержке различных возможностей, которые стали доступны при переходе на HTML5.

С помощью сервиса caniuse.com можно увидеть, что сегодня поддержка основными браузерами уже около 86 — 87%, у Safari чуть хуже. Воспользовавшись поиском на этом сервисе, вы можете быстро получить интересующую вас информацию.

Поддержка HTML5 браузерами

Не нужно думать, что 86% — это не 100%, этого может никогда не произойдет. Все браузеры будут отображать HTML5-страницы, но в каждом браузере пока что не все новые возможности одинаково хорошо реализованы. При переходе к HTML5 вы ничего не теряете, а наоборот, только выигрываете. Правда есть некоторые особенности, которые стоит иметь ввиду при новой верстке страниц.

Сервис html5test.com также очень удобен. Он позволяет протестировать ваш браузер и посмотреть, сколько очков он наберет. Таблица результатов очень наглядная.

Я протестировал свой Chrome (он набрал 521 очко из возможных 555) и заметил, что не поддерживается: input type=datetime в полях формы, элементы: time, menu (в toolbar и popup), видео формата MPEG-4 ASP и прочее.

Здесь очень удобно получить информацию по каждой позиции. Картинку приводить не буду, вы лучше сами перейдите по этой ссылке и посмотрите, что будет у вас.

А вот результаты тестов в других браузерах:

— Firefox — 478 очков (не очень поддерживает новые элементы форм и потоки),

— Opera — 520 очков.

Что нового в HTML5? Отличия между HTML и HTML5

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

Что появилось нового:

  • Рисование в реальном времени на прямоугольном холсте <canvas> с помощью JavaScript
  • Расширенные возможности проигрывания видео — <video> и аудио — <audio>
  • Локальное хранилище — стало доступным хранить большие объемы информации прямо в браузере пользователя
  • Многопоточность
  • Геолокация — можно узнать местонахождение пользователя
  • Управление историей браузера
  • Drag-and-drop
  • Микроданные
  • Редактирование

Чтобы узнать, какие из новых возможностей HTML5 и CSS3 поддерживает браузер пользователя, поможет JavaScript-библиотека Modernizr.

Подробнее об этих возможностях смотрите здесь и здесь.

Также HTML5 поддерживает MathML (математическая разметка для формул) и SVG (форма  изображений, масштабируемая векторная графика).

Упрощения элементов страницы HTML5. Что нового?

  • Доктайп: <!DOCTYPE html>, его легко запомнить
  • Корневой элемент:  <html lang=’ru’>
  • Кодировка симоволов:  <meta charset=’utf-8′ />
  • В некоторых ссылках можно не указывать тип: <link rel=’stylesheet’ href=’css/style.css’ />

Новые теги HTML5

В HTML5 появились новые теги для разметки страниц. Это логические блоки для удобства формирования структуры страниц, они ничем не отличаются от блоков <div>.

Вот основные из новых:

  • <header> — шапка/заголовок, может быть несколько на странице в разных разделах
  • <main> — основной контент
  • <footer> — подвал страницы
  • <nav> — раздел навигации
  • <section> — смысловой раздел
  • <article> — раздел статьи/записи/комментарий
  • <aside> — дополнительный контент
  • <hgroup> — раздел для группировки нескольких заголовков разного уровня
  • <time> — указание точной даты для робота

Для чего нужен каждый тег и как их правильно использовать смотрите здесь:

puzzleweb.ru/html/all_tags.php

htmlbook.ru/html5/semantics

htmlbook.ru/samlayout/verstka-na-html5/novye-tegi

wikibooks.org/wiki/HTML5

Уроки HTML5 для начинающих с нуля

Расскажу о нескольких полезных ресурсах по HTML5 для более глубокого изучения. Это самоучители, справочники, руководства — как хотите их называйте.

Недавно я рассказывал, как можно эффективно выучить HTML и CSS. Из продвинутых курсов HTML Academy вы узнаете, как правильно использовать новые теги HTML5.

На htmlbook.ru есть много полезной информации про HTML5.

На puzzleweb.ru есть хороший справочник с примерами.

Стоит обратить внимание и на ресурс professorweb.ru

Теперь Вы имеете кое-какие представления о новых возможностях HTML5 и об отличиях от старой версии HTML. Надеюсь, что статья была полезной, и Вы нашли для себя кое-что полезное.

Бесплатный курс по HTMLБесплатный курс по CSSAdobe DreamweaverHTML5 и CSS3 с Нуля до ПрофиПрактика HTML5 и CSS3Современный PHP: работа с ВКОНТАКТЕJavaScript&jQuery с Нуля до ПрофиФреймворк CakePHPФреймворк BootstrapФреймворк Yii2: теория и первая практика

Вам может пригодиться:

Базовый курс по HTML бесплатно

HTML и CSS уроки. Обучение и самоучители

Как создать блог самому?

Защитить сайт или блог на wordpress. Защита в несколько уровней

Как научиться английскому языку самостоятельно с нуля

7 лучших способов заработка в интернете

Желаю успехов!

С уважением, Дмитрий Ивлев.

Узнайте много интересного и сделайте свою жизнь ярче!

Подписывайтесь и получите сундук с сокровищами.

dmitriyivlev.ru

html5 - HTML 5 Совместимость браузера - HTML 5 в старых браузерах?

Не рекомендуется рассматривать HTML5 как единый объект, который браузеры "поддерживают" или "не поддерживают". HTML5:

  • попытка кодифицировать широко распространенную существующую практику за пределы того, что охватывали предыдущие стандарты HTML и DOM W3, такие как расширения IE и Firefox, которые копировали другие браузеры, и давние "поведения DOM Level 0" что все считали само собой разумеющимся, но раньше не были написаны в какой-либо спецификации.

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

Было, ИМО, огромная ошибка, чтобы попытаться охватить эти две базы сразу. Я бы предпочел стандарт "догоняющего" стиля HTML 3.2 и множество отдельных спецификаций расширения. Но сейчас ничего не поделаешь.

HTML5 также:

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

В практическом плане: есть некоторые части HTML5, которые уже давно используются. Есть несколько частей, которые можно безопасно использовать в современных браузерах. Есть несколько частей, которые можно использовать в новых браузерах, кроме IE. Есть много частей, которые вы можете использовать с обходными обходными решениями или "грациозным деградации". Есть некоторые части, которые вы никогда не сможете использовать. Пока вам придется изучать каждый отдельно, потому что не будет браузера, который поддерживает абсолютно все в HTML5 на протяжении многих-многих лет. Если даже. Добавляйте дополнительные функции, которые вам нравятся постепенно, когда вы идете вперед, и их поддерживает большая доля браузеров; не будет "большого взрыва", когда каждый обновит свой браузер сразу.

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

Но так как есть другие способы передачи данных (классы, комментарии, блоки script и т.д.), я не полностью убежден, что стоит отказаться (универсально поддерживается, проверяется на фиксированный стандарт). Страницы HTML4/XHTML1 просто для этой еще одной функции.

qaru.site


 

..:::Новинки:::..

Windows Commander 5.11 Свежая версия.

Новая версия
IrfanView 3.75 (рус)

Обновление текстового редактора TextEd, уже 1.75a

System mechanic 3.7f
Новая версия

Обновление плагинов для WC, смотрим :-)

Весь Winamp
Посетите новый сайт.

WinRaR 3.00
Релиз уже здесь

PowerDesk 4.0 free
Просто - напросто сильный upgrade проводника.

..:::Счетчики:::..