11.24.2012

HTML5

               HTML5   

      HTML 5 — это инструмент для упорядочивания Web-контента.
      В HTML 4 многие вещи были просто недоступны и требовали плагинов типа Adobe Flash или Microsoft Silverlight. Использовать нестандартные, недокументированные приемы было не очень-то надежной основой для сайтов, созданных для заработка.
     Современные барузеры примерно в равной степени поддерживают HTML 5.  Многие годы Flash оставался единственной возможностью внедрить видео на страницу. Теперь, с появлением HTML 5, появилось соперничество, в котором будут развиваться обе технологии.

                               Полный список тегов HTML5


Тег Краткое описание

<!>

         добавляет комментарий в код документа

<DOCTYPE>

         указывает тип текущего документа

<a>

         определяет гиперссылки

<abbr>

         определяет аббревиатуру

<address>

         определяет элемент с адресом

<area> Определяет область внутри изображения карты

<article>

         определяет статью

<aside> Определяет контент в стороне от основного контента страницы
<audio> Определяет аудио контент

<b>

         определяет жирный текст

<base> Определяет базовый URL для всех относительных ссылок на странице

<bdo>

         определяет направление отображения текста

<blockquote>

         определяет длинную цитату

<body>

         определяет элемент тела документа

<br>

         вставка одного разрыва строки

<button>  Определяет кнопку
<canvas>  Определяет графики
<caption>  Определяет заголовок (подпись) таблицы

 <cite>                      определяет цитату или сноску на материал

 <code>                    определяет, что текст является программным кодом

<col>                Определяет атрибуты для столбцов таблицы
<colgroup>       Определяет групп столбцов таблицы
<command>      Определяет командную кнопку
<datagrid>        Определяет данные в упорядоченный список
<datalist>          Определяет выпадающий список
<datatemplate> Определяет шаблон данных
<dd>                Определяет описание определения

<del>                        определяет удаленный текст в новой версии документа

<details>           Определяет детали элемента
<dialog>            Определяет диалог (разговор)
<div>                Определяет секцию (блок) в документе

<dfn>                        применяется для выделения новых терминов

<dl>                  Определяет список определений
<dt>                  Определяет определение термина в списке

  <em>                      предназначен для акцентирования текста курсивным начертанием

<embed>          Определяет внешний интерактивный контент или плагин
<eventsource>  Определяет цель события, отправляемого по серверу
<fieldset>          Определяет сгруппированный набор полей формы
<figure>            Определяет группу медиа-контента, и их подписи
<font>              Устаревший. Определяет шрифт текста, размер и цвет
<footer>           Определяет нижний колонтитул для раздела или страницы
<form>             Определяет форму
<h1> по <h6>  Определяет заголовок с 1 по 6 заголовок
<head>             Определяет информацию о документе
<header>          Определяет область заголовка раздела или страницы
<hr>                 Определяет горизонтальную линию
<html>              Определяет html документ

<i>                             определяет курсив

<iframe>           Определяет встроенный фрейм
<img>               Определяет изображение
<input>             Определяет поле ввода

<ins>                         определяет подчеркнутый текст

<kbd>                       определяет текст, набранный на клавиатуре

<label>              Определяет метку для элемента формы
<legend>           Определяет заголовок группы элементов формы
<li>                   Определяет элемент списка
<link>               Определяет ссылку на ресурс
<mark>            Определяет выделенный текст
<map>              Определяет изображение карты
<menu>             Определяет список меню
<meta>              Определяет мета-информацию
<meter>             Определяет измерения в течение заранее определенного диапазона
<nav>                Определяет навигационные ссылки
<nest>                Определяет вложенную точку в шаблоне данных
<noscript>          Определяет секцию, не поддерживающую сценарий (скрипт)
<object>             Определяет внедренный объект
<ol>                    Определяет упорядоченный список
<optgroup>         Определяет группу вариантов в раскрывающемся списке
<option>             Определяет вариант в раскрывающемся списке
<output>            Определяет некоторые виды результата

<p>                             определяет параграф (абзац)

<param>             Определяет параметр для объекта
<pre>                 Определяет выровненный (форматированный) текст
<progress>         Определяет ход выполнения задачи любого рода
<q>                    Определяет краткую цитату
<rule>                Определяет правила для обновления шаблонов

<samp>                     отображает текст компьютерной программы или скрипта

<script>             Определяет сценарий (скрипт)
<section>           Определяет раздел (секцию)
<select>             Определяет список для выбора

<small>                    уменьшает размер шрифта

<source>            Определяет медиа-ресурсы
<span>               Определяет раздел в документе

<strong>                  отображает текст жирным начертанием

<style>               Определяет определение стиля

<sub>                      отображает шрифт в виде нижнего индекса

<sup>                      отображает шрифт в виде верхнего индекса

<table>                    определяет таблицу

<tbody>           Определяет тело таблицы

<td>                         определяет ячейку таблицы

<textarea>        Определяет область ввода текста
<tfoot>             Определяет колонтитул таблицы

<th>                         определяет заголовок ячейки таблицы

<thead>            Определяет заголовок таблицы
<time>              Определяет дату/время
<title>               Определяет название документа

<tr>                          определяет строку таблицы

<ul>                  Определяет неупорядоченный список
<var>                Определяет переменную
<video>             Определяет видео

                 Список тегов не поддерживаемых HTML-5


<acronym>                определяет акроним

<applet>                     определяет аплет

<basefont>                 используется вместо CSSдля задания шрифта

<big>                           определяет увеличенный текст

<center>                     определяет текст по центру

<dir>                           определяет список директорий 

 <frame>                    определяет фрейм 

 <frameset>               определяет набор фреймов 

<isindex>                    определяет поисковый индекс в документе

<noframes>                определяет секцию, не поддерживающую фрейм

<s>                              определяет перечеркнутый текст

<strike>                      определяет перечеркнутый текст

 <tt>                            определяет телетайп текст 

<u>                             определяет подчеркнутый текст

<xmp>                        определяет выравненный текст

                           


                                     Список атрибутов HTML-5.


Атрибут Значение Краткое описание
accesskey character Не поддерживается. Определяет сочетание клавиш для доступа к элементу
class classname Определяет имя класса для элемента (используется для определения класса в таблице стилей)
contenteditable true
false
Определяет, может ли пользователь редактировать содержимое (контент)
contextmenu menu_id Определяет контекстное меню элемента
dir ltr
rtl
Определяет направление текста контента в элементе
draggable true
false
auto
Определяет, может ли пользователь перетащить элемент
id id Определяет уникальный идентификатор элемента
irrelevant true
false
Определяет, что элемент не имеет значения. Элемент, имеющий значение не отображается
lang language_code Определяет код языка содержимого (контента) в элементе
ref URL / id Определяет ссылку на другой документ / часть документа (используется только тогда, когда значение атрибута установлено)
registrationmark reg_mark Определяет зарегистрированный знак элемента
style style_definition Определяет встроенный стиль элемента
tabindex number Определяет порядок перехода элемента
template URL / id Определяет ссылку на другой документ / часть документа, которые должны быть применены к элементу
title text Определяет дополнительную информацию об элементе

Комментариев нет:

Отправить комментарий