Комментарий: HTML 5 - это новый сетевой стандарт, направленный на замену существующих стандартов HTML 4.01, XHTML 1.0 и DOM уровня 2
Он надеется уменьшить потребность в браузере в богатом интернет-приложении на основе плагинов (RIA), для которого требуется плагин, такой как Adobe Flash, Microsoft Silverlight и Sun Javafx.HTML 5 предоставляет несколько новых элементов и атрибутов, которые отражают типичные современные веб -сайты использования. Некоторые из них технически похожи на теги <div> и <pan>, но имеют некоторые значения, такие как <Vav> (блок навигации веб -сайта) и <нижний колонтитул>. Этот тег будет способствовать индексации поисковых систем, небольших экранов и людей с нарушениями зрения. Он также предоставляет новые функции для других элементов просмотра через стандартный интерфейс, такой как <Audio> и <Видео> теги.
Некоторые устаревшие теги HTML 4 будут отменены, в том числе те, которые используются исключительно в качестве эффектов дисплея, такие как <font> и <Center>, так как они были заменены CSS. Есть также некоторые сетевые поведения (через) через DOM.
Давайте посмотрим на некоторые из новых тегов, предоставленных HTML 5, и разницу от HTML 4.
Тег <preticle> определяет внешний контент. Например, новая статья от поставщика внешних новостей, либо из блога, либо с форума. Или это происходит из других внешних источников.
HTML5: <статья> </article>
Html4: <div> </div>
Тег <hoalth> определяет контент, отличный от статьи. Содержание в стороне должно быть связано с содержанием статьи.
HTML5: Содержание <Pho Aflowing> в стороне является независимый контент, но должен быть связан с содержанием документа. </кроме>
Html4: <div> Помимо контента является независимым, но должен быть связан с содержанием документа. </div>
Тег <Audio> определяет звуки, такие как музыка или другие аудио -потоки.
Html5: <audio src = someaudio.wav> Ваш браузер не поддерживает аудиоб. </audio>
Html4: <объект type = application/ogg data = someaudio.wav> <param name = src value = someaudio.wav> </object>
Тег <Canvas> определяет графику, такую как диаграммы и другие изображения. Этот элемент HTML предназначен для клиентской векторной графики. Он действует не сам по себе, но представляет API рисунка для клиента JavaScript, чтобы позволить сценарию рисовать все, что вы хотите нарисовать на холст.
Html5: <canvas id = width mycanvas = 200 height = 200> </canvas>
HTML4: <объект DATA = INC/HDR.SVG Тип = Image/SVG+XML Ширина = 200 Высота = 200> </Object>
Тег <comancy> определяет командные кнопки, такие как радиопроизводительные кнопки, флажки или кнопки.
Html5: <command Onclick = cut () label = cut>
HTML4: нет
Тег <tatalist> определяет список дополнительных данных. Используется с входным элементом для создания раскрывающегося списка значений ввода.
Html5: <datalist> </datalist>
HTML4: см. ComboBox.
Тег <pettile> определяет детали элемента, который пользователь может просматривать или скрыть, нажав. Используйте с <LEGEND>, чтобы создать заголовок детали. Название видно для пользователя, и при нажатии на него можно включить или выключить детали.
Html5: <petials> </details>
Html4: <dl style = display: hidden> </dl>
Тег <Embed> определяет встроенный контент, такой как плагины.
Html5: <embed src = horse.wav />
Html4: <объект data = flash.swf type = application/x-shockwave-flash> </object>
Тег <FigCaption> определяет заголовок элемента фигура. Элемент фигнирования должен быть размещен в положении первого или последнего дочернего элемента элемента фигура.
Html5: <grigure> <gincaption> prc </figcaption> </figure>
HTML4: нет
Тэг <GURE> используется для комбинирования элементов. Используйте элемент <FigCaption>, чтобы добавить заголовок в группу элементов.
Html5: <cirigure> <gincaption> prc </figcaption> <p> Китайская Народная Республика родилась в 1949 году ... </p> </figure>
Html4: <dl> <h1> prc </h1> <p> Китайская Народная Республика родилась в 1949 году ... </p> </dl>
Тег <liteer> определяет нижний колонтитул секции или документа. Как правило, он будет содержать имя создателя, дату создания документа и/или контактную информацию.
Html5: <нижний колонтитул> </cooler>
Html4: <div> </div>
Тег <Header> определяет заголовок раздела или документа.
Html5: <Header> </header>
Html4: <div> </div>
Тег <hgroup> используется для объединения названий веб -страницы или раздела.
Html5: <hgroup> </hgroup>
Html4: <div> </div>
Тег <keygen> определяет ключ генерации.
Html5: <keygen>
HTML4: нет
<Mark> в основном используется для визуального представления текста, который необходимо выделить пользователю. Типичное приложение тега <Cark> - выделить ключевые слова поиска для пользователей в результатах поиска.
Html5: <card> </mark>
Html4: <pan> </span>
Тег <meter> определяет веса и меры. Используйте только для метрик с известными максимальными и минимальными значениями. Область метрики должна быть определена либо в тексте элемента, либо в атрибуте MIN/MAX.
Html5: <meter> </meter>
HTML4: нет
Тег <av> определяет часть навигационной ссылки.
HTML5: <Av> </Nav>
Html4: <ul> </ul>
Тег <putput> определяет различные типы выходов, такие как вывод сценария.
Html5: <puting> </output>
Html4: <pan> </span>
<progress> tag -процесс работы. Вы можете использовать тег <prost> для отображения процесса трудоемких функций в JavaScript.
Html5: <srogst> </progress>
HTML4: нет
Тег <rp> используется в комментариях Ruby, чтобы определить, что отображается в браузерах, которые не поддерживают элементы Ruby.
Html5: <broby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </ruby>
HTML4: нет
<rt> теги определяют интерпретация или произношение символов (китайское произношение или символы).
HTML5: <Ruby> han <rt> ㄏㄢˋ </rt> </ruby>
HTML4: нет
<broby> определение тега Ruby Comments (китайское произношение или символы).
Html5: <broby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </ruby>
HTML4: нет
Тег <section> определяет разделы (разделы, разделы) в документе. Например, главы, заголовки, нижние колонтитулы или другие части документа.
Html5: <section> </section>
Html4: <div> </div>
Тег <source> определяет медиа -ресурс для мультимедиа, таких как <pide> и <Audio>.
Html5: <source>
Html4: <param>
Тег <summary> содержит заголовок элемента деталей, который описывает подробную информацию о фрагменте документа или документа. Резюме элемент должен быть первым дочерним элементом элемента деталей.
Html5: <petithe> <summary> html 5 </summary> Этот документ учит вас всему, что вам нужно узнать о HTML 5. </details>
HTML4: нет
Тег <Time> определяет дату или время, или оба.
Html5: <Time> </time>
Html4: <pan> </span>
Тег <dive> определяет видео, такое как клип или другой видеопоток.
Html5: <video src = movie.ogg controls = controls> Ваш браузер не поддерживает видеотеги. </video>
Html4: <объект type = video/ogg data = movie.ogv> <param name = src value = movie.ogv> </object>