Элементы HTML по категориям
Приветствую всех, друзья! Времени у меня не очень много , поэтому только иногда вспоминаю, что у меня есть сайты. Сегодня решился сделать небольшую статейку в по HTML элементам и разбить их по категориям. Получилось не очень то и много категорий, больше времени занимает создание и наполнение всей таблицы. Работы еще предстоит уйма, а пока , что есть , то есть. Ниже представлены таблицы HTML по категориям:
Базовые HTML элементы
Теги | Описание |
---|---|
<!DOCTYPE> | Определяет тип документа |
<html> | Определяет HTML-документ |
<head> | Содержит метаданные / информацию для документа |
<title> | Определяет заголовок документа |
<body> | Определяет тело документа |
<h1> to <h6> | Определяет заголовки HTML |
<p> | Определяет абзац |
<br> | Вставляет одинарный разрыв строки |
<hr> | Определяет тематическое изменение содержания (горизонтальная линия) |
<!--...--> | Определяет комментарий |
Форматирование
Теги | Описание |
---|---|
<acronym> | Не поддерживается в HTML5. Вместо этого используйте <abbr>. Определяет аббревиатуру |
<abbr> | Определяет аббревиатуру или акроним |
<address> | Определяет контактную информацию автора / владельца документа / статьи |
<b> | Определяет полужирный текст |
<bdi> | Изолирует часть текста, которая может быть отформатирована в другом направлении, чем другой текст за ее пределами. |
<big> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет большой текст |
<blockquote> | Определяет раздел, цитируемый из другого источника |
<center> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет центрированный текст |
<cite> | Определяет название произведения |
<code> | Определяет фрагмент компьютерного кода |
<del> | Определяет текст, который был удален из документа |
<dfn> | Задает термин, который будет определен в контенте |
<em> | Определяет выделенный текст |
<font> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет шрифт, цвет и размер текста |
<i> | Определяет часть текста курсивом (текст с наклонным начертанием) |
<ins> | Определяет текст, который был вставлен в документ |
<kbd> | Определяет ввод с клавиатуры |
<mark> | Определяет отмеченный / выделенный текст |
<meter> | Определяет скалярное измерение в известном диапазоне (датчик) |
<pre> | Определяет предварительно отформатированный текст |
<progress> | Представляет ход выполнения задачи |
<q> | Определяет короткую цитату |
<rp> | Определяет, что показывать в браузерах, не поддерживающих рубиновые аннотации. |
<rt> | Определяет объяснение / произношение символов (для восточноазиатской типографики) |
<ruby> | Определяет рубиновую аннотацию (для восточноазиатской типографики) |
<s> | Определяет текст, который больше не является правильным |
<samp> | Определяет образец вывода из компьютерной программы |
<small> | Определяет меньший текст |
<strike> | Не поддерживается в HTML5. Вместо этого используйте <del> или <s>. Определяет зачеркнутый текст |
<strong> | Определяет важный текст |
<sub> | Определяет текст с нижним индексом |
<sup> | Определяет надстрочный текст |
<template> | Определяет контейнер для контента, который должен быть скрыт при загрузке страницы. |
<time> | Определяет конкретное время (или дату и время) |
<tt> | Не поддерживается в HTML5. Вместо этого используйте CSS. Определяет текст телетайпа |
<u> | Добавляет подчеркивание к тексту |
<var> | Определяет переменную |
<wbr> | Определяет возможный разрыв строки |
Формы и ввод
Теги | Описание |
---|---|
<form> | Определяет HTML-форму для ввода пользователем |
<input> | Определяет элемент управления вводом |
<textarea> | Определяет многострочный элемент управления вводом (текстовая область) |
<button> | Определяет кликабельную кнопку |
<select> | Определяет раскрывающийся список |
<optgroup> | Определяет группу связанных параметров в раскрывающемся списке |
<option> | Определяет параметр в раскрывающемся списке |
<label> | Определяет метку для элемента <input> |
<fieldset> | Группирует связанные элементы в форме |
<legend> | Определяет заголовок для элемента <fieldset> |
<datalist> | Задает список предопределенных параметров для элементов управления вводом |
<output> | Определяет результат расчета |
Фреймы
Теги | Описание |
---|---|
<frame> | Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов |
<frameset> | Не поддерживается в HTML5. Определяет набор рамок |
<noframes> | Не поддерживается в HTML5. Определяет альтернативный контент для пользователей, которые не поддерживают фреймы |
<iframe> | Определяет встроенный фрейм |
Изображения
Теги | Описание |
---|---|
<img> | Определяет изображение |
<map> | Определяет карту изображения на стороне клиента |
<area> | Определяет область внутри карты изображения |
<canvas> | Используется для рисования графики на лету с помощью сценариев (обычно jаvascript) |
<figcaption> | Определяет заголовок для элемента <figure> |
<figure> | Задает автономное содержимое |
<picture> | Определяет контейнер для нескольких ресурсов изображений |
<svg> | Определяет контейнер для графики SVG |
Аудио и Видео
Теги | Описание |
---|---|
<audio> | Определяет звуковое содержание |
<source> | Определяет несколько медиаресурсов для медиаэлементов (<video>, <audio> и <picture>) |
<track> | Определяет текстовые дорожки для медиа-элементов (<video> и <audio>) |
<video> | Определяет видео или фильм |
Ссылки
Теги | Описание |
---|---|
<a> | Определяет гиперссылку |
<link> | Определяет связь между документом и внешним ресурсом (чаще всего используется для ссылки на таблицы стилей) |
<nav> | Определяет навигационные ссылки |
Списки
Теги | Описание |
---|---|
<ul> | Определяет неупорядоченный список |
<ol> | Определяет упорядоченный список |
<li> | Определяет элемент списка |
<dir> | Не поддерживается в HTML5. Вместо этого используйте <ul>. Определяет список каталогов |
<dl> | Определяет список описаний |
<dt> | Определяет термин / имя в списке описаний |
<dd> | Определяет описание термина / имени в списке описаний |
Таблицы
Теги | Описание |
---|---|
<table> | Определяет таблицу |
<caption> | Определяет заголовок таблицы |
<th> | Определяет ячейку заголовка в таблице |
<tr> | Определяет строку в таблице |
<td> | Определяет ячейку в таблице |
<thead> | Группирует содержимое заголовка в таблице |
<tbody> | Группирует содержимое тела в таблицу |
<tfoot> | Группирует содержимое нижнего колонтитула в таблице |
<col> | Задает свойства столбца для каждого столбца в элементе <colgroup> |
<colgroup> | Задает группу из одного или нескольких столбцов в таблице для форматирования. |
Стили и семантика
Теги | Описание |
---|---|
<style> | Определяет информацию о стиле для документа |
<div> | Определяет блочный раздел в документе |
<span> | Определяет строчный раздел в документе |
<header> | Определяет заголовок для документа или раздела |
<footer> | Определяет нижний колонтитул для документа или раздела |
<main> | Определяет основное содержание документа |
<section> | Определяет раздел в документе |
<article> | Определяет статью |
<aside> | Определяет контент помимо содержимого страницы |
<details> | Определяет дополнительные сведения, которые пользователь может просматривать или скрывать |
<dialog> | Определяет диалоговое окно или окно |
<summary> | Определяет видимый заголовок для элемента <details> |
<data> | Добавляет машиночитаемый перевод заданного содержания |
Мета информация
Теги | Описание |
---|---|
<head> | Определяет информацию о документе |
<meta> | Определяет метаданные о HTML-документе |
<base> | Определяет базовый URL-адрес / цель для всех относительных URL-адресов в документе. |
<basefont> | Не поддерживается в HTML5. Вместо этого используйте CSS. Задает цвет, размер и шрифт по умолчанию для всего текста в документе. |
Программирование
Теги | Описание |
---|---|
<script> | Определяет клиентский скрипт |
<noscript> | Определяет альтернативный контент для пользователей, которые не поддерживают клиентские скрипты. |
<applet> | Не поддерживается в HTML5. Вместо этого используйте <embed> или <object>. Определяет встроенный апплет |
<embed> | Определяет контейнер для внешнего (не HTML) приложения |
<object> | Определяет внедренный объект |
<param> | Определяет параметр для объекта |
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.