Latest web development tutorials
×

HTML курс

HTML курс HTML Краткое введение HTML редактор HTML Фонд HTML элемент HTML свойство HTML заголовок HTML пункт HTML Форматирование текста HTML ссылка HTML руководитель HTML CSS HTML изображение HTML таблица HTML список HTML блок HTML раскладка HTML форма HTML рамка HTML цвет HTML название цвета HTML значения цвета HTML скрипт HTML символьные объекты HTML URL HTML Быстрый список HTML резюме XHTML Введение

HTML5

HTML5 курс HTML5 Поддержка браузеров HTML5 Новый элемент HTML5 Canvas HTML5 Инлайн SVG HTML5 MathML HTML5 Перетаскивание HTML5 Географическое положение HTML5 видео(Video) HTML5 аудиочастота(Audio) HTML5 Input тип HTML5 элементы формы HTML5 Свойства формы HTML5 Смысловые элементы HTML5 Web память HTML5 Web SQL HTML5 кэш приложений HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 викторина HTML(5)Спецификация Код

HTML средства массовой информации

HTML средства массовой информации(Media) HTML Виджет HTML аудиочастота(Audio) HTML видеоплеер(Videos) HTML примеров

HTML справочное руководство

HTML список Теги(в алфавитном порядке) HTML список Теги(функция сортировки) HTML свойство HTML событие HTML холст HTML аудиочастота/видео HTML эффективный DOCTYPES HTML название цвета HTML Выбор цвета HTML Набор символов HTML ASCII HTML ISO-8859-1 HTML символ HTML URL кодирование HTML таблица условных сигналов HTTP новости HTTP способ Сочетания клавиш

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

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


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

Современные браузеры поддерживают HTML5.

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

Из - за этого, вы можете"церковь" браузеры обрабатывать «неизвестные»HTML элементы.

примечание Вы можете даже церковь IE6 (Windows XP 2001) браузер обрабатывает HTML неизвестные элементы.

Элемент HTML5, определяется как элемент блока

HTML5 набор из восьми новых HTML семантика (семантических) элементов. Все эти элементы являются элементами уровня блока.

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

примеров

заголовок, раздел, сноска, в сторону, нав, главным образом , статья, рисунок { дисплей: блок ;}


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

Вы можете добавлять новые элементы в HTML.

Примеры новых элементов , добавленных в HTML, а также элементы стиля , определенный для элемента под названием <myHero>:

примеров

<! DOCTYPE HTML> <HTML> <Head> <Meta Charset = "UTF-8"> <Title> HTML , чтобы добавить новый элемент </ title> <Script>
документ. createElement ( "myHero")
</ Script> <Style>
myHero { дисплей: блок ; Цвет фона: #ddd ; Обивка: 50 точек ; Размер шрифта: 30 точек ;}
</ Style> </ Head> <Body> <H1> Мой первый заголовок </ h1> <P> Мой первый абзац. </ P> <MyHero> Мой первый новый элемент </ myHero> </ Body> </ HTML>

Попробуйте »

JavaScript заявление document.createElement ( "myHero"), чтобы добавить новый элемент в браузере IE.


вопросы обозревателя Internet Explorer

Вы можете использовать метод, описанный выше, чтобы добавить элементы HTML5 браузеры IE, но:

примечание Internet Explorer 8 и более ранних версиях IE браузер не поддерживает более одного пути.

Мы можем использовать Сьерд Висшера создан "HTML5 Включение JavaScript", "заточку " , чтобы решить эту проблему:

<! - [Если л IE 9]>
<Script SRC = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ скрипт>
<! [Endif] ->

Приведенный выше код является комментарием, роль, когда браузер версии IE меньше IE9 будет читать html5.js файл и разобрать его.

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

<! - [Если л IE 9]>
<Script SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ скрипт>
<! [Endif] ->

Для IE браузера html5shiv является лучшим решением. html5shiv основным решением предложены новые элементы HTML5 IE6-8 не признают эти новые элементы не могут быть обернуты в качестве родительского узла дочерних элементов, и не может применить стили CSS.


Шив идеальное решение

примеров

<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> Render HTML5 </ title>
<! - [Если л IE 9]>
<Script SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ скрипт>
<! [Endif] ->
</ Head>

<Body>

<H1> Моя первая статья </ h1>

<Статья>
Этот учебник - наука не только технологии, но и мечта! ! !
</ Статья>

</ Body>
</ HTML>

Попробуйте »

html5shiv.js код ссылки должны быть помещены в элемент <HEAD>, так как браузер IE при разборе HTML5 новые элементы необходимо загрузить файл.