Расшифровка тегов html

Расшифровка тегов html

В данном материале я собрал большинство html тегов, привожу их расшифровку и перевод.

Таблица html тегов

ТегРасшифровкаПеревод
<a>anchorЯкорь. Устанавливает якорь или ссылку на другую страницу.
<abbr>abbreviationСокращение. Указывает, что текст является аббревиатурой.
<address>addressАдрес. Определяет контактную информацию владельца сайта, статьи или документа.
<acronym>acronymАкроним. Не поддерживает в HTML5, аналог — <abbr>.
<area>areaОбласть. Определяет область внутри карты изображений — <map>.
<article>articleСтатья. Определяет независимое, самостоятельное содержание, которое может быть вырвано из текста без потери смысла.
<aside>asideВ стороне.  Используется для выделения содержимого связанного со страницей, но которое может рассматриваться отдельно.
<audio>audioАудио. Определяет звуковой файл.
<b>boldЖирный. Определяет соответствующее начертание.
<base>baseБаза. Указывает базовый адрес страницы URL.
<bdi>Bi-Directional IsolationДвунаправленная изоляция. Запрещает изменять направление текста.
<bdo>Bi-Directional OverrideДвунаправленный текст. Управляет направлением текста.
<big>bigБольшой. Использовался для увеличения шрифта. Не поддерживается HTML5, используйте CSS.
<blockquote>blockquoteБлок цитаты. Определяет раздел, в котором приводится цитата из другого источника.
<body>bodyТело. «Тело» документа. Фактически это весь контент документа.
<br>breakРазрыв. Устанавливает разрыв строки.
<button>buttonКнопка. Определяет кнопку элементом.
<canvas>canvasХолст. Используется для создания графики с помощью скриптов.
<caption>captionПодпись. Указывает заголовок таблицы.
<center>centerЦентр. Использовался для выравнивания текста по центру. Не используется в HTML5, для этого используйте CSS.
<cite>citeСсылаться. Ссылается на произведение: книгу, песню и др.
<code>codeКод. Используется для определения программного кода.
<col>columnsСтолбцы. Задает характеристики для одного или нескольких столбцов.
<colgroup>colgroupГруппа столбцов. Определяет группу из одного или нескольких столбцов для форматирования.
<datalist>data listСписок данных. Задает список предопределенных опций.
<dd>Description list descriptionОписание списка описаний. Используется для описания термина в списке описаний.
<del>deleteУдаленный. Определяет текст, удаленный из документа.
<details>detailsПодробности. Указывает дополнительные сведения о том, что пользователь может скрыть или посмотреть.
<dfn>definitionОпределение. Указывает экземпляр термина.
<dialog>dialogДиалог. Создает диалоговое окно.
<dir>dirКаталог. Использовался для отображения названия каталогов. Не используется в HTML5, для этого используйте CSS.
<div>divisionРазделение. Определяет раздел в документе. Я привык называть его блок.
<dl>description listСписок сгруппированных элементов.  Содержит термины и описания.
<dt>description list termГруппируется с описанием (элемент <dd>) в описывающих списках.
<em>emphasisАкцент. Подчеркивание слова или фразы в предложении
<embed>plugin pointПодключение. Позволяет вставить внешнюю ссылку или приложение (не HTML) на страницу.
<fieldset>form field setНабор полей формы. Используется, чтобы сгруппировать связанные друг с другом формы управления и метки.
<figcaption>figure captionПодпись. Сопровождает элемент <figure>.
<figure>figureФигура. Используется для группирования элементов иллюстрации (изображение, цвет, подпись).
<font>fontШрифт. Представляет собой контейнер для изменения различных характеристик шрифта.
<footer>footerНижний колонтитул. Создает своеобразный «подвал» страницы где находится контактная информация, имя владельца и др.
<form>formФорма. Создает форму..
<frame>frameФрейм, рамка. По сути — позволяет создать  веб-страницу в веб-странице.
<frameset>frame setЗадать рамку. Определяет структуру фреймов на веб-странице.
<h1>headling 1-6Заголовок. H1 – заголовок первого уровня, наиболее важный.
<head>headГолова. Тег в котором размещаются метаданные, подключаются стили и скрипты.
<header>headerЗаголовок. Тег, задающий «шапку» сайта или страницы. Как правило содержит область навигации.
<hgroup>head groupГруппа заголовков. Тег, обозначающий группу заголовков веб-страницы или раздела.
<hr>horizontal ruleГоризонтальная линия. Рисует горизонтальную линию, вид которой зависит от заданных параметров.
<html>htmlКорневой элемент. Контейнер, который содержит все элементы веб-страницы.
<i>italicКурсив. Устанавливает курсивное написание фразы или предложения.
<iframe>inline frameАльтернативный фрейм. Создает плавающий фрейм, который находится внутри документа.
<img>imageИзображение. Предназначен для отображения на странице файлов в графическом формате .JPG, .PNG и др.

Список атрибутов тега img.

<input>inputВвод. Данный тег позволяет создавать элементы интерфейса (текстовые поля, переключатели, кнопки, флажки).
<ins>insertionВнедрение. Позволяет выделять текст, чтобы проследить какие изменения были внесены в новую версию.
<isindex>is indexИндекс. Предназначен для поискового индекса в текущем документе. Размещается внутри контейнера <head>.
<kbd>keyboard inputВвод с клавиатуры. Используется для обозначения текста, который набирается на клавиатуре.
<keygen>key generationГенератор ключей. Тег, генерирующий пару ключей — закрытый и открытый.
<label>labelМетка. Устанавливает связь между меткой (к примеру текст) и элементом формы.
<legend>legendНадпись. Создает заголовки для группы элементов формы.
<li>list itemЭлемент списка. Определяет отдельный элемент списка.
<link>linkСсылка. Позволяет установить связь с внешними элементами вроде файлов со шрифтами или стилями и при этом не создает ссылку.
<listing>listingСписок, а точнее код. Предназначен для вывода списка программ или кода.
<map> mapКарта. Задает карту изображений.
<mark>markedОтмеченный. Отмечает текст как выделенный. Можно изменить его вид с помощью стилей.
<marquee>marqueeШатер. Позволяет создать бегущую строку на странице.
<menu>menuМеню. Предназначен для отображения списка пунктов меню.
<meta>meta dataМета данные. Определяет метатеги, которые хранят информацию, предназначенную для браузеров и поисковых систем.
<meter>meterМетр. Используется для отображения   преимущественно числовых значений.
<multicol>multi columnМногоколоночный. Если текст содержит много колонок — задает их ширину, количество и расстояние между колонками.
<nav>navigateПроводить. Задает навигацию сайта. Допустимо использовать несколько тегов.
<nobr>no breakБез разрывов. Уведомляет браузер отображать текст без переносов.
<noembed>no embedБез вставок. Предназначен для отображения веб страницы, в случае если браузер не поддерживает работу   плагинов.
<noframes>no framesБез фреймов. Содержимое данного тега отображается в браузере если он не поддерживает фрейм или не умеет их интерпретировать.
<object>objectОбъект. Данный элемент сообщает браузеру как загружать и отображать объекты, которые он не «понимает»
<ol>ordered listУпорядоченный список. Позволяет установить нумерованный список. Каждый элемент списка должен начинаться с тега <li>
<optgroup>option groupГруппа вариантов. Представляет собой контейнер, внутри которого располагаются теги <option>  объединенная в одну группу.
<option>optionВариант. Определяет отельные группы списка,  созданного при помощи тега <Select>
<output>outputВывод. Определяет область, в которую выводится информация. В основном при помощи скриптов.
<p>paragraphПараграф. Подразделение текста внутри контента. Всегда начинается с новой строки.
<param>parameterПараметр. Передает значения параметров объектам веб-страницы, созданными при помощи <applet> и <object>
<plaintext>plain textПростой текст. Отображает содержимое контейнер «как оно есть».
<pre>perfomated textПреформатированный текст.
<progress>progressПрогресс. Позволяет отображать прогресс завершенности задачи.
<q>quotationЦитата. Используется для выделения цитат в тексте.
<rp>ruby fallback textРезиновый текст Руби. Используется для вывода текста в браузерах которые не поддерживают тег <ruby>.
<rt>ruby textТекст Руби. Добавляет аннотацию сверху или снизу текста, заключенного в контейнер <ruby>.
<ruby>ruby annotationАннотация Руби. Используется для добавления небольшой аннотации сверху или снизу от заданного текста.
<s>strikeУдар. Позволяет отобразить часть текста как перечеркнутую.
<samp>sample outputВыход образца. Используется для отображения текста, который является результатом вывода скрипта или компьютерной программы.
<script>scriptСкрипт. Предназначен для описания скриптов. Также может содержать ссылку на программу или ее текст на определенном языке.
<section>sectionСекция. Задает раздел документа. Также применяется для блока новостей, глав текста и прочей информации.
<select>selectionВыбор. Позволяет сделать элемент интерфейса в виды раскрывающегося списка.
<small>smallМаленький. Позволяет уменьшить размер шрифта на единицу по сравнению с обычным текстом.
<source>alternative media resourseАльтернативные медиа ресурсы. Вставляет аудио или видео файл для тегов <audio> и <video>
<spacer>spacerРаспорка. Создает пустое пространство по вертикали или по горизонтали.
<span>spanДиапазон. Предназначен для определения строчных элементов документа.
<strike>strikeАналогичен тегу <s>. Отображает текст как перечеркнутый.
<strong>strongСильный. Предназначен для акцентирования  (выделения) части текста. В браузерах отображается жирным начертанием.
<style>syleСтиль. Предназначен для определения стилей элементов веб-страницы.
<sub>subscriptИндекс. Отображает текст в виде нижнего индекса.
<summary>summaryЯвляется заголовком для тега <details>, по которому можно щелкать для сворачивания\разворачивания.
<sup>SuperscriptОтображает шрифт в виде верхнего индекса.
<table>TableЭтот тег является контейнером для всех элементов, определяющих содержимое html таблицы.
<tbody>Table bodyПредназначен для хранения одной или нескольких строк таблицы.
<td>Table dataПозволяет создавать одну ячейку таблицы.
<textarea>Text areaОбласть текста. Представляет собой элемент формы для создания области, в которую можно ввести несколько строк текста.
<tfoot>Table footerПозволяет хранить одну или несколько строк внизу таблицы.
<th>Table headerСоздает одну ячейку таблицы которая является заголовком.
<thead>Table headСоздает одну или несколько строк, которые находятся во главе таблицы.
<time>TimeТекст внутри этого тега обозначается как дата или время.
<title>TitleТег, который определяет заголовок документа.
<tr>Table rowКонтейнер для создания строки таблицы.
<track>TrackПозволяет авторам указать текстовую  дорожку для медийных файлов
<tt>TeletypeТег физического форматирования. Отображает текст моноширинным.
<u>UnarticulatedПозволяет добавить подчеркивание к   тексту.
<ul>Unordered listУстанавливает маркированный список.
<var>VariableПрименяется для выделения переменных компьютерных программ
<video>VideoПозволяет добавлять, воспроизводить и управлять настройками видео в пределах веб-страницы.
<wbr>Word breakПоказывает браузеру место, где допускается сделать перенос строки текста

2 комментариев к “Расшифровка тегов html”

  1. Отличная табличка, надо занести в закладки.

    Я вот часто пользуюсь, например, тегом pre — для оформления кода. Добавляем class=»prettyprint» — удобная подсветка синтаксиса от google-code-prettify.

  2. Вот спасибо! Записалась на основы верстки, не понимала что такое div, а оно оказывается разшифровывается) и с переводом вообще все понятно становится. Полезная инфа. Лайк!

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