HTML : Теги HTML 5
Написал MACTEP в 20.11.2012 21:10:00 ( 5333 прочтений )

html5Шпаргалка HTML 5



Новые теги HTML 5

<article>задает новость, статью, запись
<aside>определяет блок сбоку от контента(сайдбар)
<audio>вставляет аудиозаписи на страницу
<canvas>создает область где можно рисовать с помощью JS
<command>создает команду в виде переключателя, флажка
<datalist>выпадающий список с вариантами выбора
<details>скрывает/показывает информацию при нажатии
<dialog>используется для отображения диалогов
<embed>для загрузки и отображения объектов (flash и др.)
<figure>групирует элементы, например рисунок и подпись
<figcapture>содержит описание для тега <figure>
<footer>определяет нижний блок (подвал) сайта/секции
<header>определяет верхний блок (шапку) сайта/секции
<hgroup>групирует заголовки сайта или раздела
<keygen>для генерации пары ключей-закрытого и открытого
<mark>помечает текст как выделеный
<menu>отображает список меню (вместо <ul>)
<meter>для вывода значения в известном диапазоне
<nav>группирует ссылки навигации по сайту
<output>область для вывода текста, в основном с помощью JS
<progress>для отображения прогресса выполнения задачи
<rp>аналог <ruby>для браузеров его не поддерживающих
<rt>для аннотации к тектсту, заключенному в <ruby>
<ruby>отображает текст в стиле типографии стран Азии
<section>часть, раздел, секция страницы
<source>вставляет видео, аудио в теги <video><audio>
<summary>задает заголовок тега <details> он кликабельный
<time>помечает текст как дату, время или оба значения
<track>текстовая дорожка для <audio> или <video>
<video>добавляет видео на страницу
<wdr>указывает место переноса строки, при необходимости

 

 

теги HTML4, которые используются в HTML5

<!--...-->для вставки комментария, его видно только в коде
<!DOCTYPE>для указания типа текущего документа
<а>для создания ссылок
<abbr>указывает, что символ является аббревиатурой
<address>для хранения информации об авторе
<area>определяет активные области изображения
<b>устанавливает жирное начертание шрифта
<base>указывает целевое окна для всех ссылок
<bdo>устанавливает направление вывода текста
<blockquote>для выделения длинных цитат внутри документа
<body>для хранения содержания веб-страницы
<br>устанавливает перенос строки
<button>создает на веб-странице кнопки
<caption>для создания заголовка к таблице
<cite>помечает текст как цитату или сноску
<code>для отображения програмного кода
<col>задает разные характеристики колонок таблицы
<colgroup>аналог <col> для груп колонок
<dd>описания елемента списка определений
<del>выделяет текст который удалили в новой версии документа
<div>блок, часть страницы
<dl>открывает область списка определений
<dt>задает термин для определения в теге <dd>
<em>устанавливает курсивное начертание шрифта
<fieldest>предназначен для группирования элементов формы
<form>устанавливает форму на веб-странице
<h1>-<h6>заголовки
<head>предназначен для хранения других элементов
<hr>рисует горизонтальную линию
<html>заключает в себя все содержимое веб-страницы
<i>устанавливает курсивное начертание шрифта
<iframe>область, в которую можно загружать другие документы
<img>вставляет изображения на страницу
<input>создает текстовые поля, кнопки, переключатели
<ins>выделяет текст который добавлен в новой версии документа
<kbd>для обозначения текста, набираемого на клавиатуре
<label>устанавливает связь между меткой и элементом формы
<legend>для создания заголовка группы элементов формы
<li>определяет отдельный элемент списка
<link>устанавливает связь с внешним документом (ess и др)
<map>контейнер для <агеа> области для карт-изображений
<meta>определяет метатеги
<noscript>показывает содержимое, если браузер не поддерживает JS
<object>сообщает браузеру, как загружать и отобр. объекты
<ol>устанавливает нумерованный список
<optgroup>заключают теги <option> в одну группу
<option>определяет отдельные пункты списка в теге <select>
<р>текстовый абзац, начинаеться с новой строки
<panaram>для передачи данных Java-апплетам
<pre>блок предварительно форматированного текста
<q>используется для выделения в тексте цитат
<s>отображает текст, как перечеркнутый
<samp>отображает текст, сообщение программы или скрипта
<script>предназначен для описания скриптов
<select>создает раскрывающийся список
<small>уменьшает размер шрифта на единицу
<strong>устанавливает жирное начертание шрифта
<style>для размещения стилей элементов веб-страницы
<span>для определения строчных элементов документа
<sub>отображает шрифт в виде нижнего индекса
<sup>отображает шрифт в виде верхнего индекса
<table>таблица
<tbody>для одной или нескольких строк таблицы
<td>контейнер для создания одной ячейки таблицы
<textarea>поле для ввода текста, возможен перет
<tfoot>строка(и) внизу таблицы, подвал таблицы
<th>для создания заголовочной ячейки таблицы
<thead>строка(и) вверху таблицы, шапка таблицы
<title>определяет заголовок документа для браузера
<tr>контейнер для создания строки таблицы
<ul>устанавливает маркированный список
<var>для выделения переменных программ и скриптов

 

 

теги, которые не поддерживаются в HTML 5

<acronym><dir><strike>
<applet><font><tt>
<basefont><frame><u>
<big><frameset><xmp>
<center><noframe>

Теги: html5  
Предыдущая новость Следующая новость
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити

Кто активен

10 пользователь(ей) активно (1 пользователь(ей) просматривают Web)

Участников: 0
Гостей: 10

далее...

Рекомендуем

Шпаргалки

BX слайдер с переводом.

Шпаргалка по EMMET

Шпаргалка по Flexbox

Шпаргалка по Grid