DOCTYPE для HTML5 и HTML 4.01 Transitional, Strict, Frameset, XHTML
Рейтинг: 4 из 5, голосов 29
12 декабря 2017 г.
Элемент <!DOCTYPE> передает браузеру информацию о типе данного документа — DTD. Другими словами, передает инструкции браузеру о версии языка HTML, на которой написан документ. Это дает возможность браузеру выбрать правильный вариант интерпретации содержимого документа.
<!DOCTYPE> необходимо ставить самым первым элементом в HTML документе, перед открывающим тегом <html> (документ должен начинаться с DOCTYPE).
Синтаксис
Синтаксис doctype (упрощенно):
<!DOCTYPE корневой_тег_документа [данные_DTD]>
Разница в DOCTYPE для HTML 4.01 и HTML5
HTML 4.01 основан на стандартном обобщённом языке разметки SGML, поэтому при его использовании следует указывать DTD, определяющий правила разметки конкретной версии.
HTML5 не использует SGML как основу, и указывать DTD при его использовании не нужно.
Примеры DOCTYPE для популярных версий HTML
DOCTYPE HTML 5
<!DOCTYPE html>
DOCTYPE HTML 4.01 Strict
Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, не включая презентационные и устаревшие. Фреймсеты не допускаются.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE HTML 4.01 Transitional
Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, а также презентационные и устаревшие. Фреймсеты не допускаются.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DOCTYPE HTML 4.01 Frameset
Аналогичен HTML 4.01 Transitional. Разрешено использовать фреймсеты.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
DOCTYPE XHTML 1.
0 StrictПоддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, не включая презентационные и устаревшие. Фреймсеты не допускаются. Необходимо, чтобы документ соответствовал стандартам XML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
DOCTYPE XHTML 1.0 Transitional
Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, а также презентационные и устаревшие. Фреймсеты не допускаются. Необходимо, чтобы документ соответствовал стандартам XML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
DOCTYPE XHTML 1.0 Frameset
Аналогичен XHTML 1.0 Transitional. Разрешено использовать фреймсеты.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
DOCTYPE XHTML 1.1
Аналогичен XHTML 1.0 Strict. Есть возможность добавлять собственные модули.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Поддержка браузерами
Тег | |||||
<!DOCTYPE> | Да | Да | Да | Да | Да |
by Lebedev
Список тегов HTML по категориям
Список тегов HTML по категориямСписок тегов HTML по категориям
Структура документа
Тег | Значение |
<!> | Определяет комментарий, который игнорируется анализатором HTML |
<!DOCTYPE> | Объявляет тип и формат содержимого документа |
<BASE> | Устанавливает URL исходного документа |
<BODY> | Определяет начало и конец основной части страницы |
<COMMENT> | Описывает комментарий, который не изображается |
<DIV> | Осуществляет логическое разделение документа, создавая фрагмент внутри него |
<HEAD> | Заключает в себе теги, содержащие невидимую информацию о документе |
<HTML> | Индентифицирует документ как содержащий элементы HTML |
<LINK> | Тег используется для обозначения связей между документами |
<META> | Предоставляет различные типы невидимой информации и инструкций для броузера |
<NEXTID> | Определяет параметр в теге <HEAD> для использования текстовыми редакторами |
<SPAN> | Используется с таблицей стилей для определения нестандартных атрибутов текста |
<STYLE> | Заключает в себе таблицу стилей |
Заголовки и названия
Тег | Значение |
<h2> | Заголовок 1 |
<h3> | Заголовок 2 |
<h4> | Заголовок 3 |
<h5> | Заголовок 4 |
<H5> | Заголовок 5 |
<H6> | Заголовок 6 |
<TITLE> | Название документа, показываемое в заголовке броузера |
Параграфы и строки
Тег | Значение |
<BR> | Вставка конца строки |
<CENTER> | Выравнивает заключенные в него компоненты по центру |
<HR> | Помещает горизонтальную полосу |
<NOBR> | Устанавливает возможность обтекания текстом |
<P> | Обозначает параграф |
<WBR> | Вставляет «мягкий» перенос строки в блоке текста в теге <NORB> |
Стили текста
Тег | Значение |
<ADDRESS> | Определяет информацию об адресе, контрольной сумме и авторстве |
<B> | Делает текст жирным, где он доступен |
<BASEFONT> | Устанавливает шрифт, используемый по умолчанию |
<BIG> | Делает шрифт на один размер больше текущего |
<BLCKQUOTE> | Обозначает отступ в тексте |
<CITE> | Выделяет текст курсивом. Часто используется для утверждений об авторском праве |
<CODE> | Вставляет код в виде текста с фиксированной шириной шрифта |
<DFN> | Данный тег используется для пометки терминов, используемых в первый раз |
<EM> | Выделяет текст, обычно курсивом |
<FONT> | Определяет вид, размер и цвет шрифта для текста |
<I> | Преобразует шрифт текста в курсив, где это возможно |
<KBD> | Данный тег используется для отображения на экране текста, который должен ввести пользователь |
<LISTING> | Возвращает текст со шрифтом фиксированной ширины |
<PLAINTEXT> | Представляет текст шрифтом фиксированной ширины без обработки тегов |
<PRE> | Представляет текст шрифтом фиксированной ширины |
<S> | Выводит текст зачеркнутым |
<SAMP> | Показывает текст как пример программы |
<SMALL> | Определяет, что текст должен быть показан уменьшенным шрифтом относительно основного |
<STRIKE> | Выводит текст зачеркнутым |
<STRONG> | Выделяет текст жирным шрифтом |
<STYLE> | Заключает в себе сраницу стилей |
<SUB> | Выделяет текст, переводя его в нижний регистр |
<SUP> | Переводит текст в верхний регистр, как степень |
<TT> | Усианавливает шрифт фиксированной ширины |
<U> | Делает шрифт подчеркнутым |
<VAR> | Усианавливает мелкий шрифт |
<XMP> | Показывает текст фиксированной ширины |
Списки
Тег | Значение |
<DD> | Используется внутри списка определений для заданий текстов в теге <DT> |
<DIR> | Возвращает текст как список каталога |
<DL> | Используется для создания списка элементов |
<DT> | Обозначает определение, описание которого находится в теге <DD> |
<LI> | Обозначает один элемент в списке |
<MENU> | Используется для создания списков |
<OL> | Преобразует строки в нумерованный список |
<UL> | Преобразует строки в маркерованный список |
Таблицы
Тег | Значение |
<CAPTION> | Определяет заголовок таблицы |
<COL> | Используется для определения вида столбцов таблицы |
<COLGROUP> | Используется в качестве контейнера для группы столбцов |
<TABLE> | Обозначает разделы тегов <TR>, <TD>, <TH>, которые формируют основную часть таблицы |
<TBODY> | Обозначает раздел, содержащий теги <TR>, <TD>, который формирует основную часть таблицы |
<TD> | Обозначает ячеку таблицы |
<TFOOT> | Определяет набор строк для использования в нижней части таблицы |
<TH> | Обозначает строку заглавия таблицы |
<THEAD> | Обозначает набор строк, исползуемых как заголовок таблицы |
<TR> | Определяет строку таблицы |
Ссылки
Тег | Значение |
<A> | Определяет гиперссылку. Обязательно задание атрибутов HREFили NAME |
<A HREF=»url»> | Определяет гиперссылку на элемент другого документа |
<A NAME=»name»> | Определяет гиперссылку на элемент этого же документа |
Графика, объекты, мультимедиа и сценарий
Тег | Значение |
<APPLERT> | Помещает апплерт Java или другой выполняемый элемент на страницу |
<AREA> | Определяет форму активного участка изображения-карты клиента |
<BGSOUND> | Определяет фоновое сопровождение страницы |
<EMBED> | Внедряет документы любого типа для просмотра соответствующим приложением |
<IMG> | Используется для вставки графического элемента или видеоклипа |
<MAP> | Создает коллекцию активных участков изображения-карты клиента |
<MARQUEE> | Создпет бегущую строку |
<NOSCRIPT> | Определяет, что будет показывать броузер, не поддерживающий сценарии |
<OBJECT> | Встраивает объект или другой элемент управления, невстроенный в HTML |
<PARAM> | Используется в теге <OBJECT>для установки свойств объекта |
<SCRIPT> | Определяет раздел страницы, который должен обрабатываться интерпретатором кода сценария |
Формы
Тег | Значение |
<BUTTON> | Создает на странице кнопку HTML |
<FIELDSET> | Рисует прямоугольник вокруг содержащихся в нем элементов |
<FORM> | Описывает форму на странице, которая может содержать другие компоненты и элементы управления |
<INPUT> | Задает параметры элемента управления формы |
<LABEL> | Определяет текст метки или заголовка для блока элементов управления |
<LEGEND> | Определяет текст, помещаемый в прямоугольник, созданный тегом <FIELDSET> |
<OPTION> | Определяет одну из альтернатив в элементе SELECT |
<SELECT> | Определяет выпадающий список |
<TEXTAREA> | Определяет поле ввода, состоящее из нескольких строк |
Фреймы
Тег | Значение |
<FRAME> | Определяет конкретный фрейм внутри набора фреймов |
<FRAMESET> | Определяет набор фреймов, который содержит фреймы или подчиненные наборы |
<IFRAME> | Используется для создания всроенных «плавающих» фреймов на странице |
<NOFRAMES> | Определяет, что именно будет показывать броузер, не поддерживающий фреймы |
Используются технологии uCoz
Полный список тегов HTML
Время чтения 7 мин.
Опубликовано 21 марта 2019 г.
Обновлено 30 сентября 2019 г.
TL;DR. Теги HTML — это синтаксические компоненты, используемые для определения элементов HTML.
- А
- Б
- С
- Д
- Е
- Ф
- Х
- я
- К
- л
- М
- Н
- О
- Р
- В
- Р
- С
- Т
- У
- В
- Вт
А
<а> | Устанавливает гиперссылку на другую страницу |
<сокращение> | Представляет аббревиатуру или аббревиатуру и предоставляет к ней полнотекстовое объяснение (необязательно) |
<акроним> | УСТАРЕЛО. Определил аббревиатуру и связал с ней объяснение (необязательно) |
<адрес> | Определяет контактную информацию автора документа. |
<апплет> | УСТАРЕЛО. Встроен апплет Java в HTML-документ | .
<область> | Определяет кликабельную область на карте изображения |
<артикул> | Определяет независимый контент |
<в сторону> | Описывает содержимое, которое будет отображаться рядом с другим содержимым |
<аудио> | Включает звук на веб-странице (музыка, потоки и т. д.) |
Б
Отображает вложенный текст жирным шрифтом без придания дополнительной важности | |
<базовый> | Определяет базовый URI или URL-адрес для всех относительных ссылок в HTML-документе |
<базовый шрифт> | УСТАРЕЛО. Определено семейство шрифтов по умолчанию, размер шрифта, цвет текста для всего текста в документе |
Определяет изоляцию двунаправленного текста | |
Определяет переопределение двунаправленного текста | |
<большой> | УСТАРЕЛО. Определен больший размер шрифта в HTML | .
<мигание> | УСТАРЕЛО. Определен текст для мигания |
<цитата> | Определяет цитируемый раздел |
<тело> | Определяет контейнер HTML, который содержит видимое содержимое документа HTML |
| Определяет разрыв строки |
<кнопка> | Создает кнопку |
C
<холст> | Определяет область веб-страницы, которая становится пространством для рендеринга графики |
<заголовок> | Определяет заголовок таблицы HTML |
<центр> | УСТАРЕЛО. Установите выравнивание содержимого по центру |
<цитировать> | Определяет название произведения |
<код> | Определяет текст, отображаемый в стиле вывода компьютера |
<столбец> | Указывает сгруппированные атрибуты для столбцов |
Задает общий стиль форматирования для группы столбцов | |
<комментарий> | Указывает комментарий в исходном коде документа |
D
<список данных> | Указывает функцию автозаполнения для использования с элементом формы |
<дд> | Описывает термин в списке описаний |
<удалить> | Определяет удаленный текст в документе и зачеркивает его |
<детали> | Указывает дополнительные сведения, которые можно показать или скрыть вручную |
Представляет термин, требующий объяснения | |
<диалог> | Создает всплывающие диалоговые модели |
<каталог> | УСТАРЕЛО. Определен список каталогов |
<дел> | Определяет раздел или раздел в HTML-документе путем группировки элементов |
<дл> | Определяет список описаний |
<дт> | Определяет термин описания |
E
Определяет выделенный текст | |
<вставить> | Определяет встроенный ресурс |
F
<набор полей> | Определяет группу элементов |
Задает заголовок для элемента | |
<рисунок> | Определяет автономную часть контента |
<шрифт> | УСТАРЕЛО. Определен стиль текста |
<нижний колонтитул> | Определяет контекст нижнего колонтитула |
<форма> | Определяет группу подаваемых входных данных |
<кадр> | УСТАРЕЛО. Определен один кадр на веб-странице |
<набор кадров> | УСТАРЕЛО. Определен контейнер для хранения нескольких кадров |
Н
— | Определяет заголовки в документе |
<голова> | Определяет пространство для объявления заголовка, таблиц стилей, скриптов и другой информации, связанной с документом |
<заголовок> | Указывает контейнер для одного или нескольких заголовков |
<час> | Определяет тематическое разделение контента |
Определяет документ как документ HTML |
I
Определяет текст, выделенный курсивом | |
Определяет рамку встроенного характера | |
Задает область изображения | |
<ввод> | Указывает элемент, используемый для получения значений от пользователя |
Определяет вставленный текст в документ |
К
Идентифицирует ввод с клавиатуры пользователя | |
<кейген> | УСТАРЕЛО. Определена пара ключей, используемая при отправке HTML-формы | .
L
<метка> | Задает метку для данного элемента ввода |
<легенда> | Устанавливает заголовок для набора полей |
Определяет элемент списка в списке | |
<ссылка> | Устанавливает связь между документом и другими внешними ресурсами |
М
<главная> | Определяет основное содержимое документа |
<карта> | Определяет карту изображения на стороне клиента (изображение с кликабельными местами) |
<метка> | Определяет выделенный текст |
<меню> | Определяет список/меню команд |
<элемент меню> | УСТАРЕЛО. Определена команда, которую пользователь может вызвать из всплывающего меню | .
<мета> | Определяет дополнительную информацию о веб-сайте |
<метр> | Отображает скалярное измерение в пределах известного диапазона |
С
Определяет блок навигационных ссылок на основные разделы сайта | |
<без кадров> | УСТАРЕЛО. Определено резервное содержимое для браузеров, не поддерживающих тег |
Определяет HTML для вставки в качестве замены, если браузер не поддерживает сценарии |
О
<объект> | Определяет внешний источник, встроенный в документ HTML |
<ол> | Определяет упорядоченный список элементов в документе HTML |
<оптгруппа> | Группирует связанные параметры в элементе выбора |
<опция> | Задает параметр HTML в списке элементов выбора |
<выход> | Отображает результат выполненного вычисления |
П
<р> | Определяет абзац текста HTML |
<параметр> | Определяет параметры для элемента объекта |
<пред> | Определяет предварительно отформатированный текст. Сохраняет пробелы и разрывы строк |
<прогресс> | Отображает индикатор выполнения HTML, отображающий ход выполнения задачи |
Q
Указывает, что вложенный текст является встроенной цитатой |
Р
<рп> | Определяет резервную скобку для рубиновой аннотации |
Определяет рубиновый текст для азиатских символов | |
<рубин> | Представляет рубиновую аннотацию для азиатских символов |
S
| Проводит линию поперек текста, делая зачеркивание |
<образец> | Определяет образец вывода из компьютерной программы |
<сценарий> | Определяет сценарий на стороне клиента (JavaScript) |
<раздел> | Определяет основное содержимое документа |
<выбрать> | Создает раскрывающийся список HTML с одним или несколькими параметрами для веб-формы |
<маленький> | Уменьшает размер текста HTML на один размер |
<источник> | Определяет источники для мультимедийных элементов, таких как аудио, видео и изображения |
<диапазон> | Задает встроенный контейнер для форматирования HTML-документа |
<забастовка> | УСТАРЕЛО. Определена часть текста, которая должна быть вычеркнута |
<сильный> | Делает важную часть текста полужирной |
<стиль> | Определяет свойства стиля для различных элементов HTML |
Определяет текст нижнего индекса | |
<сводка> | Задает сводное содержимое для элемента |
<вверх> | Определяет надстрочный текст |
Т
<таблица> | Включает таблицу со строками и столбцами на веб-страницу | ||||||||||
<тело> | Связывает содержимое тела с таблицей | ||||||||||
<тд> | Определяет данные таблицы | ||||||||||
<фут> | Определяет содержимое нижнего колонтитула таблицы | ||||||||||
<й> | Определяет ячейку таблицы заголовков HTML | ||||||||||
Определяет заголовок таблицы | <время> | Определяет удобочитаемую человеком и машиной дату и время | <название> | Определяет заголовок документа HTML | Определяет строку в таблице HTML | <дорожка> | Определяет текстовые дорожки для всех элементов мультимедиа | | УСТАРЕЛО. Определен текст, который будет отображаться шрифтом телетайпа | |
У
<у> | Подчеркивание текста |
<ул> | Определяет неупорядоченный список |
В
Определяет переменную | |
<видео> | Включает видео на веб-страницу (видеоклип, потоки и т. д.) |
Вт
| Определяет возможный разрыв строки в тексте |
Предыдущая тема Следующая тема
Лучший способ реализации
HTML-тег списка используется для группировки связанных фрагментов информации. Списки используются для создания хорошо структурированных представлений и легко поддерживаемых документов. В этой статье мы подробно обсудим тег списка HTML и рассмотрим различные списки, которые вы можете создать.
Что такое список HTML?
Элемент списка используется для группировки набора связанных элементов. Тег
Существует три типа списков:
- Ненумерованные списки
- Упорядоченные списки
- Списки описаний
Ненумерованные списки HTML
Элемент
- представляет неупорядоченный список. Ненумерованный список не имеет особого порядка, и маркеры представляют этот тип списка.
- Диск: устанавливает маркеры на маркеры, что также является настройкой по умолчанию.
- Круг: Устанавливает маркер предмета в круг.
- Квадрат: маркер станет квадратным.
- Тип = «1»: Элементы отмечены цифрами, которые являются маркером типа по умолчанию.
- Type="A": Элементы списка будут пронумерованы прописными буквами.
- Type="a": Элементы списка будут пронумерованы строчными буквами.
- Type="I": Элемент списка будет пронумерован римскими цифрами в верхнем регистре.
- Type="i": Элемент списка будет пронумерован строчными римскими цифрами.
- определяет термин, а тег
- описывает каждый термин.
Это даст следующий результат:
Получите навыки работы с HTML5 и CSS3 с помощью магистерской программы Full Stack Java Developer. Нажмите, чтобы узнать подробности программы!
Следующие шаги
В этой статье о списках HTML содержится краткий обзор различных типов списков HTML и их функций. Если вы готовы начать свою карьеру программиста и погрузиться во все, что может предложить HTML, сертификация в рамках аккредитованной программы должна быть на первом месте в вашем списке дел. Курс Full Stack Java Developer от Simplilearn готовит студентов к карьере программиста с помощью всеобъемлющей учебной программы, включающей в себя интерфейсные, промежуточные и серверные технологии Java для веб-разработчиков.
Это приведет к следующему результату:
Использование атрибута type может изменить рынок маркеров. Возможны следующие варианты:
- (по умолчанию)
<тип ul = "диск">
<тип ul = "круг">
Этот список представлен следующим образом:
Это установит маркеры в круги.
Маркеры теперь установлены в виде квадратов.
Нумерованные списки HTML
Элемент
- представляет упорядоченный список, в котором элементы организованы в пронумерованном формате.
Это даст следующий результат:
С помощью атрибута type можно изменить маркер в упорядоченном списке. \
Элементы будут отображаться следующим образом:
Эти маркеры будут отображаться следующим образом:
Маркеры теперь отображаются строчными буквами.
Это изменит маркеры на прописные римские цифры.
Это изменит маркеры на строчные цифры.
Списки HTML-описаний
Тег
- представляет собой список описаний. Тег