Опубликован: 04.07.2012 | Доступ: свободный | Студентов: 2121 / 182 | Оценка: 4.08 / 3.69 | Длительность: 21:39:00
Лекция 7:

Новые возможности гипертекстовой разметки в HTML 5.0

В приведенной ниже таблице сведены все теги HTML с указанием новых элементов (выделены зеленым цветом), появившихся в 5-ой версии, и элементов более не поддерживаемых в новой версии HTML (выделены серым).

Элемент Описание
<!-- --> Определяет комментарии
<!DOCTYPE> Определяет тип документа
<a> </a> Определяет гиперссылку
<abbr> </abbr> Определяет аббревиатуру
<acronym> </acronym> Не поддерживается в HTML 5
<address> </address> Отображают текст в формате адреса
<applet> </applet> Не поддерживается в HTML 5
<area /> Определяeт активную область навигационной карты
<article> </article> Определяет внешний контент
<aside> </aside> Определяет дополнительный контент
<audio> </audio> Определяет фоновый звук
<b> </b> Отображают часть текста полужирным шрифтом
<basefont> Не поддерживается в HTML 5
<bdo> </bdo> Определяет направление текста
<big> </big> Не поддерживается в HTML 5
<blockquote> </blockquote> Определяет блочную цитату
<body> </body> Определяет тело документа
<br /> Осуществляет перенос строки
<button> </button> Создают кнопку
<caption> </caption> Определяет надпись над таблицей
<center> </center> Не поддерживается в HTML 5
<cite> </cite> Преобразуют текст в наклонный (курсивный)
<code> </code> Преобразуют текст в моноширинный
<col /> Определяет свойства колонок таблицы
<colgroup> </colgroup> Группируют колонки таблицы
<command> </command> Добавляют команду к кнопке
<datalist> </datalist> Определяет допустимые значения
<dd> </dd> Определяет определение списка определений
<del> </del> Отображают перечеркнутый текст
<details> </details> Определяет детали документа
<dialog> </dialog> Определяет диалог
<dfn> </dfn> Преобразуют шрифт в наклонный
<dir> </dir> Не поддерживается в HTML 5
<div> </div> Определяет секцию документа
<dl> </dl> Создают список определений
<dt> </dt> Oпределяют определяемый термин
<em> </em> Преобразуют текст в наклонный (курсивный)
<embed /> Внедряет интерактивный объект
<fieldset> </fieldset> Объединяют элементы формы
<figure> </figure> Группируют элементы страницы
<font> </font> Не поддерживается в HTML 5
<footer> </footer> Нижняя часть документа
<form> </form> Определяет HTML форму
<frame /> Не поддерживается в HTML 5
<frameset> </frameset> Не поддерживается в HTML 5
<h1> </h1> - <h6> </h6> Определяет заголовки
<head> </head> Содержат информацию о документе, инструкции
<header> </header> Определют верхнюю секцию документа
<hgroup> </hgroup> Определяет группу заголовков
<hr /> Создает горизонтальную линию
<html> </html> Определяет HTML документ
<i> </i> Преобразуют текст в наклонный (курсивный)
<iframe> </iframe> Создают документ внутри документа
<img /> Определяет изображение
<input /> Создаeт поля для ввода данных, кнопки
<ins> </ins> Преобразуют текст в подчеркнутый
<kbd> </kbd> Преобразуют текст в моноширинный
<label> </label> Определяет лeйбу для тега <input />
<legend> </legend> Заголовок для тегов <fieldset> </fieldset>
<li> </li> Определяет элемент (пункт) списка
<link /> Определяет ссылку на внешний источник
<map> </map> Определяет навигационную карту
<mark> </mark> Определяет важную часть текста
<menu> </menu> Определяет список-меню
<meta /> Содержит информацию о документе
<nav> </nav> Определяет группу ссылок
<noframes> </noframes> Не поддерживается в HTML 5
<noscript> </noscript> Предупредят если браузер не читает скрипты
<object /> Внедряет объекты в web-страницу
<ol> </ol> Определяет упорядоченный (нумерованный) список
<optgroup> </optgroup> Определяет группу элементов <option> </option>
<option> </option> Определяет элемент выпадающего списка
<p> </p> Определяет параграф
<param /> Определяет проигрыватель
<pre> </pre> Определяет отформатированный текст
<q> </q> Определяет короткую цитату
<s> </s> Не поддерживается в HTML 5
<samp> </samp> Преобразуют текст в моноширинный
<script> </script> Определяет скрипт
<section> </section> Определяет секцию документа
<select> </select> Определяет выпадающий список
<small> </small> Преобразуют обычный текст в текст более мелкий
<span> </span> Определяет линейную секцию в документе
<strike> </strike> Не поддерживается в HTML 5
<strong> </strong> Преобразуют шрифт в полужирный
<style> </style> Определяет стилевые описания
<sub> </sub> Преобразуют обычный текст в текст в нижнем индексе
<sup> </sup> Преобразуют обычный текст в текст в верхнем индексе
<table> </table> Определяет таблицу
<tbody> </tbody> Определяет тело таблицы
<td> </td> Определяет ячейку таблицы
<textarea> </textarea> Определяет текстовое поле
<tfoot> </tfoot> Определяет нижнюю часть таблицы
<th> </th> Определяет заголовок таблицы
<thead> </thead> Определяет верхнюю часть таблицы
<time> </time> Определяет дату или время
<title> </title> Определяет основной заголовок документа
<tr> </tr> Определяет табличный ряд
<u> </u> Не поддерживается в HTML 5
<ul> </ul> Определяет ненумерованный список
<var> </var> Определяет переменную
<video> </video> Размещает видео-ролик на web-странице

Полезные ресурсы по HTML 5.0:

  • Ресурс (на англ. языке) для разработчиков, ориентированных на использование HTML5, включая информацию о специальных возможностях и их использовании в приложениях: http://www.html5rocks.com/en/
  • Тест для проверки возможностей HTML5, которые поддерживаются вашим веб-браузером: http://beta.html5test.com/
  • Сводный справочник по HTML5, CSS3, SVG (на англ. языке): http://caniuse.com/
  • Визуальная карта поодержки возможностей спецификаций HTML5/CSS3 в веб-браузерах: http://html5readiness.com/
Сергей Крупко
Сергей Крупко

Добрый день.

Я сейчас прохожу курс  повышения квалификации  - "Профессиональное веб-программирование". Мне нужно получить диплом по этому курсу. Я так полагаю нужно его оплатить чтобы получить диплом о повышении квалификации. Как мне оплатить этот курс?

 

Галина Башкирова
Галина Башкирова

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

Системный администратор информационно-коммуникационных» систем.
Мне нужно самой найти тему? или делать по высланным темам