WikiDer > HTML элемент
HTML |
---|
Сравнения |
An HTML элемент это тип HTML (Hypertext Markup Language) компонент документа, один из нескольких типов узлов HTML (есть также текстовые узлы, узлы комментариев и другие).[нечеткий] HTML-документ состоит из дерево простого HTML узлы, Такие как текстовые узлы, и элементы HTML, которые добавляют семантика и форматирование частей документа (например, выделите текст полужирным шрифтом, организуйте его в абзацы, списки и таблицы или вставьте гиперссылки и изображения). Каждый элемент может иметь HTML-атрибуты указано. Элементы также могут иметь контент, включая другие элементы и текст.
Концепции
Документ против DOM
Документы HTML доставляются как «документы».[примечание 1] Тогда это разбирается, что превращает их в Объектная модель документа (DOM) внутреннее представление в веб-браузере.[заметка 2][заметка 3] Затем представление веб-браузером (например, рендеринг экрана или доступ с помощью JavaScript) выполняется в этой внутренней модели DOM, а не в исходном документе.
Ранние HTML-документы (и в меньшей степени сегодняшние HTML-документы) в значительной степени неверный HTML и пронизан синтаксические ошибки. Процесс синтаксического анализа также требовался для того, чтобы «исправить» эти ошибки, насколько это было возможно. Результат часто не был правильный (т.е. он не отражал того, что изначально задумал неосторожный программист), но, по крайней мере, действительный согласно стандарту HTML. Только в самых редких случаях парсер полностью отказывался от синтаксического анализа.
Элементы против тегов
Как обычно понимается, позиция элемента указывается как часть начального тега, возможно, включающая некоторое дочернее содержимое, и заканчивается конечным тегом.[3] Это касается многих, но не всех элементов в документе HTML. Это различие явно подчеркивается в HTML 4.01 Спецификация:
Элементы не являются тегами. Некоторые люди называют элементы тегами (например, «тег P»). Помните, что элемент - это одно, а тег (будь то начальный или конечный тег) - другое. Например, всегда присутствует элемент HEAD, даже если в разметке могут отсутствовать как начальный, так и конечный теги HEAD.[3]
Аналогично рекомендация W3C HTML 5.1 2-е издание прямо говорит:
Теги используются для разграничения начала и конца элементов в разметке. (...) Начальный и конечный теги некоторых нормальных элементов могут быть опущены, (...)
Содержимое элемента должно быть помещено сразу после начального тега (который может подразумеваться, в некоторых случаях) и непосредственно перед закрывающим тегом (опять же, может подразумеваться, в некоторых случаях).
и:
Некоторые теги могут быть опущено.
ПРИМЕЧАНИЕ:
Отсутствие начального тега элемента (...) не означает, что элемент отсутствует; это подразумевается, но все еще существует. Например, документ HTML всегда имеет корень <html> элемент, даже если строка <html> нигде не отображается в разметке.
Поскольку HTML (до HTML5) основан на SGML,[4] его разбор также зависит от Определение типа документа (DTD), в частности HTML DTD (например, HTML 4.01[5][примечание 4]). DTD определяет, какие типы элементов возможны (т. Е. Определяет набор типов элементов), а также допустимые комбинации, в которых они могут появляться в документе. Это часть общего поведения SGML, когда только одна допустимая структура возможный (согласно DTD) его явное указание в каком-либо документе обычно не требуется. В качестве простого примера <п>
тег, указывающий на начало элемента абзаца, должен быть дополнен </п>
тег, обозначающий его конец. Но поскольку в DTD указано, что элементы абзаца не могут быть вложенными, фрагмент документа HTML <п>Пункт 1 <п>Пункт 2 <п>Пункт 3
таким образом выводится, чтобы быть эквивалентным <п>Пункт 1 </п><п>Пункт 2 </п><п>Пункт 3
. (Если один элемент абзаца не может содержать другой, любой текущий открытый абзац должен быть закрыт перед запуском другого.) Поскольку это значение основано на комбинации DTD и отдельного документа, обычно невозможно вывести элементы из тегов документа. один но только при использовании синтаксического анализатора с поддержкой SGML или HTML со знанием DTD. HTML5 создает аналогичный результат, определяя, какие теги можно опустить.[6]
SGML против XML
SGML сложен, что ограничивает его широкое понимание и распространение. XML был разработан как более простая альтернатива. Хотя оба могут использовать DTD для определения поддерживаемых элементов и их разрешенных комбинаций в качестве структуры документа, синтаксический анализ XML проще. Отношение тегов к элементам всегда связано с анализом фактических тегов, включенных в документ, без подразумеваемых замыканий, которые являются частью SGML.[примечание 5]
HTML, используемый в текущей сети, скорее всего, будет рассматриваться как XML, будучи XHTML, или как HTML5; в любом случае разбор тегов документа на элементы DOM упрощен по сравнению с устаревшими системами HTML. После получения DOM элементов поведение на более высоких уровнях интерфейса (например, рендеринг экрана) идентично или почти идентично.[примечание 6]
%блокировать;
против коробки
Частью этого поведения представления CSS является понятие "коробчатая модель". Это применяется к тем элементам, которые CSS считает" блочными "элементами, установленными через CSS. отображать: блокировать;
декларация.
HTML также имеет похожую концепцию, хотя и отличается, и их очень часто путают. %блокировать;
и %в соответствии;
- это группы в HTML DTD, которые группируют элементы как «блочные» или «встроенные».[8] Это используется для определения их поведения вложения: элементы уровня блока не могут быть помещены во встроенный контекст.[примечание 7] Это поведение нельзя изменить; это зафиксировано в DTD. Блокировать и встроенные элементы иметь соответствующие и разные CSS поведение, прикрепленное к ним по умолчанию,[8] включая актуальность блочной модели для конкретных типов элементов.
Однако обратите внимание, что это поведение CSS может и часто изменяется от значения по умолчанию. Списки с <ул><Ли> ...
находятся %блокировать;
элементы и по умолчанию представлены как блочные. Однако довольно часто их задают с помощью CSS для отображения в виде встроенного списка.[9]
Обзор
Синтаксис
В синтаксисе HTML большинство элементов записываются с помощью начального и конечного тегов, а содержимое находится между ними. An HTML-тег состоит из имени элемента, окруженного угловые скобки. Конечный тег также имеет косую черту после открывающей угловой скобки, чтобы отличать его от начального тега. Например, абзац, представленный <p>
элемент, будет записан как:
<п>В синтаксисе HTML большинство элементов написано ...</п>
Однако не все эти элементы требовать конечный тег или даже начальный тег, который должен присутствовать.[6] Некоторые элементы, так называемые пустые элементы, не имеют закрывающего тега. Типичным примером является <br>
(жесткий перенос строки) элемент. Поведение элемента void предопределено, и он не может содержать никакого содержимого или других элементов. Например, адрес будет записан как:
<п>П. Шерман<br>42 Уоллаби Уэй<br>Сидней</п>
Когда используешь XHTML, требуется открывать и закрывать все элементы, в том числе пустые. Это можно сделать, поместив закрывающий тег сразу после начального тега, но это недопустимо в HTML 5 и приведет к созданию двух элементов. Альтернативный способ указать, что это элемент void, совместимый как с XHTML, так и с HTML 5, - это поместить /
на конец тега (не путать с /
на начало закрывающего тега).
<п>П. Шерман<br />42 Уоллаби Уэй<br />Сидней</п>
HTML-атрибуты указаны внутри начального тега. Например, <abbr>
элемент, который представляет сокращение, ожидает заглавие
атрибут в открывающем теге. Это можно было бы записать так:
<abbr заглавие="сокращение">сокр.</abbr>
Есть несколько видов HTML элементы: пустые элементы, необработанные текстовые элементы и обычные элементы.
Элементы пустоты (также иногда называемые пустыми элементами, отдельными элементами или автономными элементами) имеют только начальный тег (в форме <тег>
), который содержит любые HTML атрибуты. Они не могут содержать дочерних элементов, таких как текст или другие элементы. Для совместимости с XHTML, спецификация HTML допускает необязательный пробел и косую черту (<тег />
допустимо). Пробел и косая черта обязательны в XHTML и другие XML Приложения. Два общих элемента void: <br />
(для жесткий разрыв строки, например, в стихотворении или обращении) и <hr />
(для тематического перерыва). Другие такие элементы часто являются заполнителями, которые ссылаются на внешние файлы, такие как изображение (<img />
) элемент. Атрибуты, включенные в элемент, будут указывать на рассматриваемый внешний файл. Другой пример элемента void: <link />
, для которого синтаксис:
<связь rel="таблица стилей" href="fancy.css" тип="текст / CSS">
Этот <link />
элемент указывает браузеру на таблица стилей для использования при представлении HTML-документа пользователю. Обратите внимание, что атрибуты синтаксиса HTML не должны заключаться в кавычки, если они состоят только из определенных символов: букв, цифр, дефиса-минус и точки. С другой стороны, при использовании синтаксиса XML (XHTML) все атрибуты должны быть заключены в кавычки, а конечный слэш требуется перед последней угловой скобкой:
<ссылка rel ="таблица стилей" href ="fancy.css" type ="текст / CSS" />
Необработанные текстовые элементы (также известные как текстовые или только текстовые элементы) состоят из:
- а начальный тег (в виде
<тег>
), обозначающий начало элемента, который может включать любое количество HTML атрибуты; - некоторое количество текста содержание, но без элементов (все теги, кроме применимого конечного тега, будут интерпретироваться как контент);
- ан конечный тег, в котором перед именем элемента ставится косая черта:
</тег>
. В некоторых версиях HTML конечный тег для некоторых элементов необязателен. Конечный тег требуется в XHTML.
Примером может служить <title>
элемент не должен содержать других элементов (включая разметку текста), только простой текст.
Нормальные элементы обычно имеют и начальный, и конечный теги, хотя для некоторых элементов конечный тег или оба тега могут быть опущены. Он устроен аналогично:
- а начальный тег (
<тег>
), обозначающий начало элемента, который может включать любое количество HTML атрибуты; - некоторое количество содержание, включая текст и другие элементы;
- ан конечный тег, в котором имя элемента предваряется префиксом слэш:
</тег>
.
HTML атрибуты определить желаемое поведение или указать дополнительные свойства элемента. Для большинства атрибутов требуется ценить. В HTML значение можно оставить без кавычек, если оно не включает пробелы (атрибут=ценить
), или его можно заключить в одинарные или двойные кавычки (атрибут='ценить'
или же атрибут="ценить"
). В XML, эти цитаты обязательны.
Булево атрибуты, с другой стороны, не требуют указания значения. Примером может служить проверил
для флажков:
<Вход тип=флажок проверил>
В XML (и, следовательно, XHTML), однако имя должно повторяться как значение:
<ввод type ="флажок" проверено ="проверил" />
Неформально элементы HTML иногда называют «тегами» (пример синекдоха), хотя многие предпочитают термин тег строго по отношению к разметке, разделяющей начало и конец элемента.
Имена элементов (и атрибутов) могут быть записаны в любой комбинации верхнего или нижнего регистра в HTML, но должны быть в нижнем регистре в XHTML.[10] Каноническая форма была прописной до HTML 4, и использовался в спецификациях HTML, но в последние годы строчные буквы стали более распространенными.
Стандарты элементов
Элементы HTML определены в серии свободно доступных открытых стандартов, выпущенных с 1995 г., первоначально IETF а затем W3C.
Вовремя браузерные войны 1990-х годов разработчики пользовательские агенты (например. веб-браузеры) часто разрабатывали свои собственные элементы, некоторые из которых были приняты в более поздних стандартах. Другие пользовательские агенты могут не распознавать нестандартные элементы, и они будут игнорироваться, что может привести к неправильному отображению страницы.
В 1998 г. XML (упрощенная форма SGML) представила механизмы, позволяющие каждому разрабатывать свои собственные элементы и включать их в XHTML документы для использования с пользовательскими агентами, поддерживающими XML.[11]
Впоследствии HTML 4.01 был переписан в XML-совместимая форма, XHTML 1.0 (Расширяемый HTML). Элементы в каждом идентичны, и в большинстве случаев действительны XHTML 1.0 будут действительными или почти действительными документами HTML 4.01. Эта статья в основном посвящена настоящему HTML, если не указано иное; однако он остается применимым к XHTML. Видеть HTML для обсуждения незначительных различий между ними.
Статус элемента
Начиная с первой версии HTML, некоторые элементы устарели и теперь устарел в более поздних стандартах или вообще не появляются, и в этом случае они инвалид (и будет признан недействительным и, возможно, не будет отображаться, подтверждение пользовательские агенты).[12]
В HTML 4.01 / XHTML 1.0, статус элементов осложняется существованием трех типов DTD:
- Переходный, которые содержат устаревшие элементы, но предназначены для обеспечения переходного периода, в течение которого авторы могут обновить свои методы;
- Набор фреймов, которые являются версиями переходных DTD, которые также позволяют авторам писать набор фреймов документы;
- Строгий, который является современной (по состоянию на 1999 год) формой HTML.
HTML5 вместо этого предоставляет список устаревший особенности, чтобы идти вместе с стандартизированный нормативное содержание. Они разбиты на «устаревшие, но соответствующие», для которых существуют инструкции по реализации, и «несоответствующие», которые следует заменить.[13]
Первый Стандарт (HTML 2.0) содержал четыре устаревших элемента, один из которых недопустим в HTML 3.2. Все четыре недействительны в HTML 4.01 переходный, который также устарел еще десять элементов. Все они плюс два других недействительны в HTML 4.01 Строгий. Хотя элементы фрейма все еще актуальны в том смысле, что они присутствуют в DTD Transitional и Frameset, нет планов по их сохранению в будущих стандартах, так как их функции были в значительной степени заменены, и они очень проблематичны для доступа пользователей.
(Собственно говоря, самые последние XHTML стандарт XHTML 1.1 (2001), вообще не включает фреймы; это примерно эквивалентно XHTML 1.0 Strict, но также включает Разметка Ruby модуль.)[14]
Распространенный источник путаницы - неаккуратное использование устарел для обозначения как устаревшего, так и недопустимого статуса, а также элементов, которые, как ожидается, будут официально исключены в будущем.
Контент против представления и поведения
Начиная с HTML 4, в HTML все больше внимания уделяется разделению содержимого (видимого текста и изображений) от представления (например, цвета, размера шрифта и макета).[15] Это часто называют разделение проблем. HTML используется для представления структуры или содержимого документа, ответственность за его представление остается исключительной. CSS таблицы стилей. Таблица стилей по умолчанию предлагается как часть стандарта CSS, обеспечивая отображение по умолчанию для HTML.[16]
Поведение (интерактивность) также отделено от контента и обрабатывается скрипты. Изображения содержатся в отдельных графика файлы, отдельно от текста, хотя их также можно рассматривать как часть содержимого страницы.
Разделение проблем позволяет представлять документ разными пользовательскими агентами в соответствии с их целями и возможностями. Например, пользовательский агент может выбрать подходящую таблицу стилей для представления документа путем отображения на мониторе, печати на бумаге или для определения характеристик речи в пользовательском агенте только со звуком. Структурные и семантические функции разметки в каждом случае остаются идентичными.
Исторически пользовательские агенты не всегда поддерживали эти функции. В 1990-х годах в качестве временной остановки презентационные элементы (например, <b>
и <i>
) были добавлены в HTML за счет создания проблем для взаимодействия и доступности для пользователей. Сейчас это считается устаревшим и заменено дизайном на основе таблиц стилей; большинство презентационных элементов объявлены устаревшими.[17]
Файлы внешних изображений включаются в <img />
или же <object />
элементы. (С XHTML, то SVG язык также может использоваться для записи графики в документе, хотя связывание с внешними файлами SVG, как правило, проще.)[18] Если изображение не является чисто декоративным, HTML позволяет предоставлять заменяющий контент с аналогичным семантическим значением для невизуальных пользовательских агентов.
HTML-документ также может быть расширен за счет использования сценариев, чтобы обеспечить дополнительное поведение, выходящее за рамки возможностей гиперссылок и форм HTML.
Элементы <style>
и <script>
, с соответствующими HTML атрибуты, предоставьте таблицы стилей и скрипты.
- В заголовке документа
<style />
и<script />
может ссылаться на общие внешние документы, или<style>...</style>
и<script>...</script>
может содержать встроенные инструкции. (The<link>
также можно использовать для связывания таблиц стилей.) <script />
или же<script>...</script>
может встречаться в любом месте документа (голова или тело).- В
стиль
Атрибут действителен в большинстве элементов тела документа (например,<div style="...">
) для включения встроенный стиль инструкции. - Атрибуты обработки событий, которые предоставляют ссылки на скрипты, являются необязательными для большинства элементов.
- Для пользовательских агентов, которые не работают со сценариями,
<noscript>...</noscript>
element предоставляет встроенный альтернативный контент, где это необходимо; однако его можно использовать только в заголовке документа и в теле как элемент уровня блока.
Элементы структуры документа
>...</html>
- В корневой элемент из HTML документ; все остальные элементы содержатся в этом.
- Элемент HTML разделяет начало и конец документа HTML.
- И начальный, и конечный теги могут быть опущены (HTML5).[6]
- Стандартизированный в HTML 2.0; все еще актуален.
<голова>...</head>
- Контейнер для обработки информации и метаданных HTML-документа.
- И начальный, и конечный теги могут быть опущены и выведены из дочерних элементов (HTML5).[6]
- Стандартизированный в HTML 2.0; все еще актуален.
- (Видеть элементы заголовка документа для дочерних элементов.)
<тело>...</body>
- Контейнер для отображаемого содержимого HTML-документа.
- И начальный, и конечный теги могут быть опущены и извлечены из дочерних элементов (HTML5).[6]
- Стандартизированный в HTML 2.0; все еще актуален.
- (Видеть элементы тела документа для дочерних элементов.)
Элементы заголовка документа
<база />
- Определяет базовый URL для всех родственников
href
и другие ссылки в документе. Должен стоять перед любым элементом, который ссылается на внешний ресурс. HTML допускает только одно<base>
элемент для каждого документа. Этот элемент имеет HTML атрибуты, но без содержимого. - Разрабатываемая версия этого элемента (как
ОСНОВАНИЕ
) упоминается в HTML-теги; стандартизированный в HTML 2.0; все еще актуален.
(не рекомендуется)
- Задает основной размер шрифта, гарнитуру и цвет для документа. Используется вместе с
<font>
элементы. Не рекомендуется в пользу таблицы стилей. - Стандартизированный в HTML 3.2; устарел в HTML 4.0 переходный; инвалид в HTML 4.0 строгий.
(не рекомендуется)
<isindex>
может появиться в заголовке или в теле документа, но только один раз в документе. Видеть Формы.
<ссылка />
- Задает ссылки на другие документы, например предыдущий и следующий ссылки или альтернативные версии.[19] Обычно используется для ссылки на внешние таблицы стилей, используя форму:
<связь rel="таблица стилей" тип="текст / CSS" href="url" заглавие="description_of_style">
[20]
- Менее распространенное, но важное использование - это постоянное предоставление подсказок для навигации с помощью микроформаты. Определено несколько общих отношений, которые могут быть открыты пользователям через интерфейс браузера, а не непосредственно на веб-странице.
<связь rel="следующий" href="URL">
- Документ
<head>
элемент может содержать любое количество<link />
элементы. Этот элемент имеет HTML атрибуты, но без содержимого. СВЯЗЬ
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.
<мета />
- Может использоваться для указания дополнительных метаданные о документе, таком как его автор, дата публикации, срок действия, язык, заголовок страницы, описание страницы, ключевые слова или другая информация, не предоставленная через другие элементы заголовка и HTML-атрибуты. Из-за их общего характера,
<meta />
элементы определяют ассоциативность пары ключ-значение. Как правило, метаэлемент передает скрытую информацию о документе. Можно использовать несколько метатегов, каждый из которых должен быть вложен в элемент заголовка. Конкретная цель каждого<meta />
элемент определяется своими атрибутами. Вне XHTML, часто указывается без косой черты (<meta>
), несмотря на то, что пустой элемент. - В одной форме
<meta />
элементы могут указывать HTTP заголовки, которые должны быть отправлены веб сервер перед фактическим содержанием. Например,<мета http-Equiv="фу" содержание="бар" />
указывает, что страница должна обслуживаться с заголовком HTTP с именемфу
это имеет ценностьбар
. - В общем виде
<meta />
элемент определяетимя
и связанныесодержание
HTML атрибуты описание аспектов HTML-страницы. Чтобы предотвратить возможную двусмысленность, необязательный третий атрибут,схема
, может быть предоставлен для определения семантической структуры, которая определяет значение ключа и его значение. Например, в<мета имя="фу" содержание="бар" схема="ОКРУГ КОЛУМБИЯ" />
в<meta />
элемент идентифицирует себя как содержащийфу
элемент со значениембар
, из DC или Дублинское ядро структура описания ресурсов. - Стандартизированный в HTML 2.0; все еще актуален.
<объект>...</object>
- Используется для включения общих объектов в заголовок документа. Хотя редко используется в
<head>
элемент, он потенциально может быть использован для извлечения сторонних данных и связывания их с текущим документом. - Стандартизированный в HTML 4.0; все еще актуален.
<сценарий>...</script>
- Может выступать в качестве контейнера для инструкций сценария или ссылки на внешний сценарий с необязательным
src
атрибут.[21] Также может использоваться в теле документа для динамической генерации как блочного, так и встроенного содержимого. - Стандартизированный в HTML 3.2; все еще актуален.
<стиль>...</style>
- Определяет стиль для документа, как правило, в форме:
<стиль тип="текст / CSS"> ... </стиль>
- Может выступать в качестве контейнера для инструкций по стилю или ссылаться на внешние таблицы стилей, например, в CSS, с
@импорт
директивы формы:<стиль> @импорт url; </стиль>
[22]
- Стандартизированный в HTML 3.2; все еще актуален.
<название>...</title>
- Этот тег определяет заголовок документа. Требуется в каждом HTML и XHTML документ. Пользовательские агенты могут использовать заголовок по-разному.Например:
- Веб-браузеры обычно отображают его в окне заголовка когда окно открыто и (если применимо) в панель задач когда окно свернуто.
- Это может стать именем файла по умолчанию при сохранении страницы.
- Мы можем использовать элемент
только один раз на веб-странице, и когда мы создадим другую страницу, мы снова будем использовать другой элемент с новым заголовком (не используйте одно и то же имя для всех тегов заголовка на веб-сайте, он может быть проблемой для поисковых систем). - Поисковые системы' поисковые роботы может обратить особое внимание на слова, используемые в названии.
- В
<title>
элемент не должен содержать других элементов, только текст. Только один<title>
элемент разрешен в документе. - Существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
Элементы тела документа
В визуальных браузерах отображаемые элементы могут отображаться как блокировать или же в соответствии. Хотя все элементы являются частью последовательности документа, блочные элементы появляются внутри своих родительских элементов:
- как прямоугольные объекты, не пересекающие линии;
- с полями блока, свойствами ширины и высоты, которые могут быть установлены независимо от окружающих элементов.
И наоборот, встроенные элементы обрабатываются как часть потока текста документа; они не могут иметь поля, ширину или высоту, а также имеют разрыв между строками.
Блочные элементы
Блочные элементы или элементы блочного уровня имеют прямоугольную структуру. По умолчанию эти элементы будут охватывать всю ширину своего родительского элемента и, таким образом, не позволят любому другому элементу занимать то же горизонтальное пространство, на котором он размещен.
Прямоугольную структуру блочного элемента часто называют коробчатая модель, и состоит из нескольких частей. Каждый элемент содержит следующее:
- В содержание элемента - это фактический текст (или другой носитель), помещенный между открывающим и закрывающим тегами элемента.
- В набивка элемента - это пространство вокруг содержимого, но которое по-прежнему является частью элемента. Заполнение не следует использовать для создания пробелов между двумя элементами. Любой стиль фона, назначенный элементу, например фоновое изображение или цвет, будет виден внутри отступа. Увеличение размера отступа элемента увеличивает количество места, которое этот элемент будет занимать.
- В граница элемента является абсолютным концом элемента и охватывает периметр этого элемента. Толщина рамки увеличивает размер элемента.
- В поле элемента - это белое пространство, окружающее элемент. Содержимое, отступы и границы любого другого элемента не будут допущены к входу в эту область, если только это не будет принудительно сделано некоторыми продвинутыми CSS размещение. Используя самые стандартные DTD, поля слева и справа разных элементов будут отталкивать друг друга. Поля сверху или снизу элемента, с другой стороны, не складываются или смешиваются. Это означает, что пустое пространство между этими элементами будет равно большему отступу между ними.
Вышеприведенный раздел относится только к подробной реализации рендеринга CSS и не имеет отношения к самим элементам HTML.
Основной текст
>...</p>
- Создает абзац, пожалуй, самый распространенный элемент блочного уровня.
п
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
>...</h1>
>...</h2>
>...</h3>
>...</h4>
>...</h5>
>...</h6>
- Заголовки разделов на разных уровнях.
h1
разделяет заголовок самого высокого уровня,h2
на следующий уровень ниже (подраздел),h3
для уровня ниже этого и т. д.h6
. Иногда их вместе называютчасп
теги п означает любой из доступных уровней заголовков. - Большинство визуальных браузеров по умолчанию отображают заголовки в виде большого полужирного текста, хотя это можно изменить с помощью CSS. Элементы заголовка предназначены не только для создания крупного или полужирного текста - на самом деле они должны нет использоваться для явного стилизации текста. Скорее, они описывают структуру и организацию документа. Некоторые программы используют их для создания схем и оглавлений.
- Заголовки существовали в HTML-теги, и были стандартизированный в HTML 2.0; все еще актуален.
Списки
>...</dl>
- Список описаний (он же список ассоциаций или список определений), который состоит из групп имя – значение,[23] и был известен как список определений до HTML5.[24] Списки описаний предназначены для групп «терминов и определений, тем и значений метаданных, вопросов и ответов или любых других групп данных« имя – значение »».[25]
DL
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
- Имя в списке описаний (ранее термин определения в списке определений).
DT
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
<дд>...</dd>
- Значение в списке описаний (ранее данные определения в списке определений).
DD
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
<ол>...</ol>
тип
Атрибут может использоваться для указания типа маркера для использования в списке, но таблицы стилей предоставляют больше контроля. По умолчанию используется арабская нумерация. В атрибуте HTML: <ол тип="фу">
; или в объявлении CSS: ол { список-стиль-тип: фу; }
- замена фу
с одним из следующих:Стиль | Значение HTML | Значение CSS |
---|---|---|
А, Б, В ... | А | верхняя альфа |
а, б, в ... | а | нижняя альфа |
I, II, III ... | я | верхний римский |
я, II, III ... | я | нижний римский |
1, 2, 3 ... | 1 | десятичный |
CSS предоставляет несколько других параметров, недоступных в виде разметки чистого HTML, включая никто
, и варианты для CJK, Иврит, грузинский и армянский алфавит.
ПР
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.
>...</ul>
- Неупорядоченный (маркированный) список. Тип маркера элемента списка можно указать в атрибуте HTML:
<ул тип="фу">
; или в объявлении CSS:ул { список-стиль-тип: фу; }
- заменафу
одним из следующих (те же значения используются в HTML и CSS):диск
(по умолчанию),квадрат
, или жекруг
. Только метод CSS поддерживается в HTML5. CSS также предоставляетникто
, а также возможность заменить эти маркеры пользовательскими изображениями. UL
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
<Ли>...</li>
- Элемент списка в упорядоченном (
ол
) или неупорядоченный (ул
) списки. LI
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
<реж>...</dir> (не рекомендуется)
- Список каталогов. Первоначальная цель этого элемента никогда широко не поддерживалась; устарел в пользу
<ул>
. DIR
существовал в HTML-теги, и был стандартизированный в HTML 2.0; устарел в HTML 4.0 переходный; инвалид в HTML 4.0 строгий.
Другие элементы блока
<адрес>...</address>
- Контактная информация автора документа.
АДРЕС
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуален.
<статья>...</article>
- Используется для статей и другого подобного контента.
- Стандартизированный в HTML5.
<в сторону>...</aside>
- Используется для содержимого в документе, которое отделено от содержимого главной страницы, например для боковых панелей или рекламы.
- Стандартизированный в HTML5.
<цитата>...</blockquote>
- А котировка на уровне блока, когда цитата включает элементы уровня блока, например абзацы. В
цитировать
атрибут (не путать с<cite>
element) может предоставлять источник и должен быть полностью квалифицированным Единый идентификатор ресурса. - Стандартное представление цитат блока в визуальных браузерах - это обычно отступ от обоих полей. Это привело к тому, что элемент без необходимости использовался только для отступа абзацев, независимо от семантики. Для предложений, не содержащих элементов уровня блока, см. Цитату (
<q>
) элемент. BLOCKQUOTE
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален. Видеть элемент цитаты для дополнительной информации.
<центр>...</center> (не рекомендуется)
- Создает разделение по центру на уровне блока. Устарело в пользу
<div>
или другой элемент с центрированием, определенным с помощью таблиц стилей. - Стандартизированный в HTML 3.2; устарел в HTML 4.0; не поддерживается в HTML5.
<дель>...</del>
- Отмечает удаленный раздел содержимого. Этот элемент также можно использовать как в соответствии.
- Стандартизированный в HTML 4.0; все еще актуален.
Встроенные элементы нельзя размещать непосредственно внутри Эти элементы полезны в первую очередь для документирования разработки компьютерного кода и взаимодействия с пользователем через дифференциацию исходного кода ( Поскольку визуальная презентационная разметка применяется непосредственно только к визуальным браузерам, ее использование не рекомендуется. Вместо этого следует использовать таблицы стилей. Некоторые из этих элементов являются устаревшими или недопустимыми в HTML 4 / XHTML 1.0, а остальные недопустимы в текущем черновике XHTML 2.0. Текущий проект HTML5, однако повторно включает Эти элементы могут быть объединены в форму или в некоторых случаях использованы отдельно в качестве элементов управления пользовательского интерфейса; в документе они могут быть простыми HTML или использоваться вместе со скриптами. Разметка HTML определяет элементы, составляющие форму, и метод, с помощью которого она будет отправлена. Однако некоторые формы скриптов (на стороне сервера, клиентская сторона или оба) должны использоваться для обработки ввода пользователя после его отправки. (Эти элементы являются блочными или встроенными элементами, но здесь собраны, поскольку их использование более ограничено, чем другие встроенные или блочные элементы.) Формат HTML-таблиц был предложен в Черновики HTML 3.0 а позже RFC 1942 HTML таблицы. Они были вдохновлены Модель таблицы CALS. Некоторые элементы этих предложений были включены в HTML 3.2; нынешняя форма таблиц HTML была стандартизирована в HTML 4. (Многие элементы, используемые в таблицах, не являются блокировать ни в соответствии элементы.) Фреймы позволяют разделить визуальное окно браузера HTML на сегменты, в каждом из которых может отображаться отдельный документ. Это может снизить использование полосы пропускания, поскольку повторяющиеся части макета могут использоваться в одном кадре, а переменное содержимое отображается в другом. Это может потребовать определенных затрат на удобство использования, особенно в невизуальных пользовательских агентах,[54] из-за того, что отдельные и независимые документы (или веб-сайты) отображаются рядом друг с другом и им разрешено взаимодействовать с одним и тем же родительским окном. Из-за такой стоимости рамы (без В HTML 4.01 документ может содержать В HTML, Поскольку очень немногие графические браузеры поддерживают доступность ссылки изначально (за исключением Opera и iCab), полезно включить ссылку на страницу описания рядом с Следующие элементы были частью раннего HTML, разработанного Тим Бернерс-Ли с 1989 по 1991 год; они упомянуты в HTML-теги, но не рекомендуется в HTML 2.0 и никогда не были частью стандартов HTML. В этом разделе перечислены некоторые широко используемые устаревшие элементы, что означает, что они не используются в действительный код. Они могут поддерживаться не всеми пользовательскими агентами. В отличие от большинства тегов HTML, комментарии не вкладываются. Разметка Комментарии могут появляться в любом месте документа, поскольку парсер HTML должен игнорировать их независимо от того, где они появляются, пока они не находятся внутри других структур тегов HTML (т. Е. Их нельзя использовать рядом с атрибутами и значениями; это недопустимая разметка : Комментарии могут появляться даже перед объявлением doctype; никакие другие теги не могут этого сделать. Однако не все браузеры и редакторы HTML полностью совместимы со структурой синтаксиса HTML и могут делать непредсказуемые вещи при некоторых условиях синтаксиса. Некорректная обработка комментариев затрагивает только около 5% всех используемых браузеров и редакторов HTML, и даже в этом случае только определенные версии подвержены ошибкам при обработке комментариев (большая часть этого высокого процента приходится на Internet Explorer 6). Есть несколько причуд совместимости, связанных с комментариями:<рисунок>...</figure>
<figcaption>
.<figure>
элемент.<нижний колонтитул>...</footer>
<заголовок>...</header>
<час />
>...</ins>
<главная>...</main>
<меню>...</menu> (не рекомендуется)<ul>
список.МЕНЮ
существовал в HTML-теги, и был стандартизированный в HTML 2.0; устарел в HTML 4.0 переходный; инвалид в HTML 4.0 строгий; затем переопределено в HTML5, но удалено в HTML 5.2.<навигация>...</nav>
>...</pre>
<pre>...</pre>
, белое пространство должно отображаться как автор. (Со свойствами CSS: { белое пространство: предварительно; семейство шрифтов: моноширинный; }
, другие элементы могут быть представлены таким же образом.) Этот элемент может содержать любой встроенный элемент, кроме: <image>
, <object>
, <big>
, <small>
, <sup>
, и <sub>...</sub>
.ПРЕД
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.<раздел>...</section>
<div>
в том, что он используется только для содержания разделов страницы, которые W3C определяет как группу контента с похожей темой.<сценарий>...</script>
<script />
с src
атрибут, чтобы предоставить URL-адрес для загрузки скрипта, или используется как <script>...</script>
вокруг встроенного содержимого сценария.<script>
сам по себе не является ни блоком, ни встроенным элементом; сам по себе он не должен отображаться вообще, но может содержать инструкции для динамической генерации как блочного, так и встроенного контента.Встроенные элементы
<тело>
элемент; они должны быть полностью вложены в элементы уровня блока.[26]Якорь
<а>...</a>
href
,[28] привязка становится гиперссылкой либо на другую часть документа, либо на другой ресурс (например, веб-страницу) с использованием внешнего URL. В качестве альтернативы (а иногда и одновременно) с имя
или же я бы
HTML атрибуты установлен, элемент становится целью ссылки. А Единый указатель ресурсов (URL) может ссылаться на эту цель через идентификатор фрагмента. В HTML5 любой элемент теперь можно превратить в цель с помощью я бы
атрибут,[29] так что используя <а имя="фу">...</а>
не является обязательным, хотя этот способ добавления якорей продолжает работать.<h2><а имя="содержимое">Оглавление</а></h2>
<а href="http: //example.com#contents">посмотреть содержание</а>
<а href="#contents">содержание, выше</а>
заглавие
может быть настроен для предоставления краткой информации о ссылке:<а href="URL" заглавие="Дополнительная информация">текст ссылки</а>
заглавие
значение отображается в всплывающая подсказка или каким-то другим способом. Некоторые браузеры отображают альтернативный текст таким же образом, хотя это не то, что требует спецификация.А
существовал в HTML-теги, и был стандартизированный в HTML 2.0; все еще актуальныйЭлементы фразы
Общий
>...</abbr>
<abbr заглавие="сокращение">сокр.</abbr>
<акроним>...</acronym> (не рекомендуется)<abbr>
элемент, но отмечает акроним:<акроним заглавие="Язык гипертекстовой разметки">HTML</акроним>
abbr
тег.[30]>...</dfn>
DFN
существовал в HTML Internet Draft 1.2, и был полностью стандартизированный в HTML 3.2; все еще актуален.<эм>...</em>
ЭМ
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.<сильный>...</strong>
СИЛЬНЫЙ
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуальный, переопределенный в HTML5.Элементы компьютерной фразы
<код>
), переменные (<вар>
), пользовательский ввод (<kbd>
), а также терминал или другой выход (<самп>
).<код>...</code>
пример кода
). Обычно отображается однотонным шрифтом.КОД
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.>...</kbd>
KBD
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.<самп>...</samp>
SAMP
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.>...</var>
VAR
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.Презентация
<s>
, <u>
, и <small>
, придавая каждому новое смысловое значение. В HTML5 документ, использование этих элементов больше не приветствуется при условии, что они семантически корректны.<б>...</b>
{ font-weight: смелый; }
. В <strong>
элемент обычно имеет тот же эффект в визуальных браузерах, а также имеет более семантическое значение в разделе HTML 4.01.<b>
имеет собственное значение, отличное от <strong>
. Он обозначает «текст, к которому привлекается внимание в утилитарных целях, без передачи какой-либо дополнительной важности и без указания альтернативного голоса или настроения».[31]B
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуальный, переопределенный в HTML5.<я>...</i>
{ стиль шрифта: курсив; }
. С помощью <em>...</em>
имеет тот же визуальный эффект в большинстве браузеров, а также имеет семантическое значение, что и акцент, под HTML 4.01. (Чисто типографский курсив используется для многих целей, не связанных с акцентом, поскольку HTML 5 более явно распознает это.)<i>
имеет собственное семантическое значение, отличное от <em>
. Он обозначает «другое качество текста» или «альтернативный голос или настроение», например, мысль, название корабля, бинарное название вида, иноязычная фраза и т. д. "[32]я
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуальный, переопределенный в HTML5.>...</u>
{ текст-украшение: подчеркивать; }
. Устарело в HTML 4.01. Восстановлен в HTML5.<u>
Элемент обозначает «отрезок текста с неартикулированной, но явно визуализированной нетекстовой аннотацией, такой как обозначение текста как имя собственное в китайском тексте (знак китайского имени собственного) или маркировка текста как написанного с ошибкой». В HTML5 спецификация напоминает разработчикам, что другие элементы почти всегда более подходят, чем <u>
и призывает дизайнеров не использовать подчеркнутый текст там, где его можно спутать с гиперссылкой.[33]U
существовал в HTML Internet Draft 1.2, был стандартизированный в HTML 3.2 но был устарел в HTML 4.0 переходный и был инвалид в HTML 4.0 строгий. Повторно введен в HTML5.<маленький>...</small>
{ размер шрифта: меньше; }
<small>
Элемент обозначает «боковые комментарии, например мелкий шрифт».[34] Это вызвало некоторую путаницу с <в стороне>...</в стороне>
элемент.>...</s>Зачеркивание) и был эквивалентен <strike>
.<s>
элемент обозначает информацию, которая «больше не является точной или более не актуальной», и ее не следует путать с <del>
, что указывает на удаление / удаление.[35]S
был устарел в HTML 4.0 переходный (не появлявшийся ни в одном предыдущем стандарте) и был инвалид в HTML 4.0 строгий. Повторно введен в HTML5, который вместо этого устарел <strike>
.<большой>...</big> (не рекомендуется){ размер шрифта: больше; }
<удар>...</strike> (не рекомендуется)Зачеркивание), (Эквивалентный CSS: { текст-украшение: Линия, проходящая через; }
)ЗАБАСТОВКА
был стандартизирован в HTML 3.2; устарел в HTML 4.0 переходный; инвалид в HTML 4.0 строгий.>...</tt> (не рекомендуется){ семейство шрифтов: моноширинный; }
)TT
существовал в HTML Internet Draft 1.2, и был Стандартизированный в HTML 2.0; не поддерживается[36] в HTML5. Возможные замены: <kbd>
для маркировки пользовательского ввода, <var>
для переменных (обычно выделяются курсивом, а не с изменением на моноширинный), <code>
для исходного кода, <samp>
для вывода.[36]<шрифт>...</font> (не рекомендуется)<шрифт [цвет=>цвет</вар>] [размер =<вар>размер</вар>] [лицо =<вар>лицо</вар>]>...</шрифт>
цвет
атрибут (обратите внимание на американское написание), шрифт с лицо
атрибут и абсолютный или относительный размер с размер
атрибут.<шрифт цвет="зеленый">текст</шрифт>
создает зеленый текст.<шрифт цвет="#114499">текст</шрифт>
создает текст с шестнадцатеричный цвет #114499.<шрифт размер="4">текст</шрифт>
создает текст с размером 4. Размеры от 1 до 7. Стандартный размер - 3, если иное не указано в теге или других тегах.<шрифт размер="+1">текст</шрифт>
создает текст размером на 1 больше стандартного. <шрифт размер="-1">текст</шрифт>
наоборот.<шрифт лицо="Курьер">текст</шрифт>
делает текст шрифтом Courier.<шрифт размер="N">
соответствует {размер шрифта: Yединицы}
(спецификация HTML не определяет отношения между размером N и размер блока Y, и не определяет единицу).<шрифт цвет="красный">
соответствует { цвет: красный; }
<шрифт лицо="Times New Roman">
соответствует { семейство шрифтов: "Times New Roman", Раз, засечки; }
- CSS поддерживает стек шрифтов, из двух или более альтернативных шрифтов.Охватывать
<диапазон>...</span>
Другие встроенные элементы
/>>...</bdi>
>...</bdo>
<цитировать>...</cite>
<cite>
был предназначен для «цитирования или ссылки на другие источники» без каких-либо конкретных ограничений или требований.[38] В W3C Спецификация HTML 5 использует уточнение этой идеи, отражая, как элемент исторически использовался, но теперь требует, чтобы он содержал (но не ограничивался) по крайней мере одно из «заголовка работы или имени автора (человека , люди или организация) или URL-адрес, или ссылку в сокращенной форме в соответствии с соглашениями, используемыми для добавления метаданных цитирования ".[39] Но спецификация WHATWG разрешает использовать элемент только в названии произведения.[40] Спецификации W3C начинались с более широкого определения, а затем перешли к очень узкому после того, как WHATWG внесла это изменение. Однако в 2012 году W3C отменил собственное изменение в ответ на отрицательные отзывы сообщества разработчиков; этот элемент широко использовался с более широкой сферой применения, например, различные платформы блогов и форумов переносят идентификаторы комментаторов и адреса электронной почты в <cite>...</cite>
, и люди, использующие этот элемент для библиографических ссылок, обычно заключали (и продолжают) обертывать в этот элемент каждую цитату целиком.<данные>...</data>
<дель>...</del>
Текст удален.>...</ins>
<del>
или же <s>
. Обычно отображается подчеркнутый: Вставленный текст.<ins>
и <del>
элементы также могут использоваться как блочные: содержащие другие блочные и встроенные элементы. Однако эти элементы должны по-прежнему полностью оставаться в пределах своего родительского элемента, чтобы документ HTML был правильно сформирован. Например, для удаления текста из середины одного абзаца через несколько других абзацев и в конце последнего абзаца потребуется использовать три отдельных <del>
элементы. Два <del>
элементы потребуются как встроенные элементы, чтобы указать удаление текста в первом и последнем абзацах, и третий, используемый как блочный элемент, чтобы указать удаление в промежуточных абзацах.<отметка>...</mark>
>...</q>
<цитата>
). Элементы цитаты могут быть вложенными.<q>
должен автоматически генерировать кавычки вместе с таблицами стилей. Практические проблемы из-за несоответствия браузера могут заставить авторов искать обходные пути.цитировать
атрибут дает источник и должен быть полностью определен URI.цитата
) с использованием таблиц стилей. Например, с подходящим правилом CSS, связанным с q.lengthy
: <q>Lengthy quote here.</q >
<рп>...</rp>
<рубин>...</ruby>
<сценарий>...</script>
<script>
сам по себе не является ни блоком, ни встроенным элементом; сам по себе он не должен отображаться вообще, но может содержать инструкции для динамической генерации как блочного, так и встроенного контента.>...</sub>
и >...</sup>
{ вертикальное выравнивание: суб; }
и { вертикальное выравнивание: супер; }
, соответственно.)<шаблон>...</template>
<время>...</time>
Изображения и объекты
<апплет>...</applet> (не рекомендуется)<object>
, поскольку он мог использоваться только с апплетами Java и имел ограничения доступности.<object>
несовместимы между разными браузерами.<площадь />
<map>
.<аудио>...</audio>
src
атрибут. Поддерживаемые аудиоформаты варьируются от браузера к браузеру.<холст>...</canvas>
<вставлять>...</embed>
<object>
, но затем был добавлен обратно в спецификацию HTML5[48][49] />
src
Атрибут определяет URL изображения. Требуемый альт
атрибут предоставляет альтернативный текст на случай, если изображение не может быть отображено.[50] (Хотя альт
предназначен как альтернативный текст, Microsoft Internet Explorer 7 и ниже отображают его как всплывающая подсказка если нет заглавие
дан атрибут.[51] Сафари и Гугл Хром, с другой стороны, вообще не отображать атрибут alt.)[52] В <img />
элемент был впервые предложен Марк Андриссен и реализован в NSCA Мозаика веб-браузер.[53]IMG
существовал в HTML Internet Draft 1.2, и был стандартизированный в HTML 2.0; все еще актуален.<карта>...</map>
<объект>...</object>
тип
атрибут. Это может быть в любом MIME-тип, который понимает пользовательский агент, например, встроенная HTML-страница, файл, который будет обрабатываться плагином, например Вспышка, а Ява апплет, звуковой файл и т. д.<параметр />
<applet>
, этот элемент теперь используется с <object>
, и должно происходить только как дочерний элемент <object>
. Оно использует HTML атрибуты чтобы установить параметр для объекта, например ширина, высота, шрифт, цвет фона и т. д. в зависимости от типа объекта. У объекта может быть несколько <param />
элементы.<источник>...</source>
src
атрибут аналогично <video>
и <audio>
элементы.<трек>...</track>
<видео>...</video>
src
атрибут. Поддерживаемые форматы видео варьируются от браузера к браузеру.Формы
<форма действие= "URL">...</form>
<form>
element определяет и управляет общим действием области формы, используя необходимые действие
атрибут.кнопка <>...</button>
<специалист по данным>...</datalist>
вариант
s для использования в элементах формы.<набор полей>...</fieldset>
<fieldset>
, который тогда может иметь <legend>
добавлены для определения их функции.<ввод />
<input>
Элементы позволяют реализовать множество стандартных элементов управления формой.<button>
предпочтительнее, если это возможно (то есть, если клиент поддерживает это), поскольку он предоставляет более широкие возможности.src
атрибут.размер
Атрибут определяет ширину ввода по умолчанию в символах. максимальная длина
устанавливает максимальное количество символов, которое может ввести пользователь (которое может быть больше размера).текст
что создает панель поиска.текст
. Разница в том, что в этом поле набирается текст. замаскированный - символы отображаются в виде звездочки, точки или другой замены. Пароль по-прежнему отправляется на сервер как простой текст, поэтому базовый безопасный протокол связи подобно HTTPS требуется, если конфиденциальность важна.текст
за телефонные номера.текст
за адрес электронной почты.текст
за URL-адреса.текст
для чисел.скрытый
входные данные не видны на отображаемой странице, но позволяют дизайнеру поддерживать копию данных, которые необходимо отправить на сервер как часть формы. Это могут быть, например, данные, которые этот веб-пользователь ввел или выбрал в предыдущей форме, которые необходимо обработать вместе с текущей формой. Не отображается для пользователя, но данные все же можно изменить на стороне клиента, отредактировав исходный HTML. (не рекомендуется)<isindex />
может появиться в заголовке или в теле документа, но только один раз в документе.<isindex />
работает как примитивная форма поиска HTML; но был де-факто устарело более продвинутыми формами HTML, введенными в начале-середине 1990-х годов. Представляет набор гиперссылок, состоящий из базового URI, амперсанд и закодированный в процентах ключевые слова, разделенные знаки плюс.ISINDEX
существовал в HTML-теги; стандартизированный в HTML 2.0; устарел в HTML 4.0 переходный; инвалид в HTML 4.0 строгий. (не рекомендуется)<метка за= "id">...</label>
радио
. Щелчок по этикетке вызывает щелчок по соответствующему входу.<легенда>...</legend>
<fieldset>
.<метр>...</meter>
ценить
атрибут. Также может иметь: мин
, низкий
, высоко
, и Максимум
.<вариант ценить= "х">...</option>
<select>
список.<option>
элементы в <select>
список.<вывод>...</output>
<прогресс>...</progress>
<выберите имя= "xyz">...</select>
cols
(где столбец представляет собой текст шириной в один символ) и ряды
HTML атрибуты. Содержимое этого элемента ограничено обычным текстом, который отображается в текстовой области как текст по умолчанию при загрузке страницы.Столы
<таблица>...</table>
резюме
Атрибут неформально требуется для целей доступности, хотя его использование непросто.>...</tr> <table>
.>...</th> <table>
ячейка заголовка; содержимое обычно отображается жирным шрифтом и по центру. An слуховой Пользовательский агент может использовать более громкий голос для этих элементов.>...</td> <table>
ячейка данных.<table>
.<table>
.<подпись>...</caption>
<table>
.>...</thead>
<table>
. Этот раздел может повторяться пользовательским агентом, если таблица разделена по страницам (при печати или других страничных носителях).<тело>...</tbody>
<table>
.>...</tfoot>
<table>
. Нравиться <thead>
, этот раздел может быть повторен пользовательским агентом, если таблица разбита по страницам (при печати или других страничных носителях).Кадры
<iframe>
element) разрешены только в HTML 4.01 Frame-set. Iframe также может хранить документы на разных серверах. В этом случае взаимодействие между окнами блокируется браузером. Сайты вроде Facebook и Twitter использовать iframe для отображения контента (плагинов) на сторонних веб-сайтах. Google AdSense использует iframe для отображения баннеров на сторонних веб-сайтах.<head>
и <body>
или же а <head>
и <frameset>
, но не одновременно <body>
и <frameset>
. Тем не мение, <iframe>
может использоваться в обычном теле документа.<набор кадров>...</frameset> (не рекомендуется)<frame />
элементы для документа. Расположение кадров задается списками, разделенными запятыми, в ряды
и cols
HTML атрибуты.<кадр /> (не рекомендуется)<frameset>
. Отдельный документ привязывается к фрейму с помощью src
атрибут внутри <frame />
элемент. (не рекомендуется)<frame />
элементы.<object />
элемент, <iframe>
может быть «целевым» фреймом для ссылок, определенных другими элементами, и может быть выбран пользовательским агентом в качестве фокуса для печати, просмотра его источника и т. д.longdesc
атрибутlongdesc
это атрибут, используемый в <img />
, <frame />
, или же <iframe>
элементы. Это должно быть URL[примечание 8] к документу, который предоставляет длинное описание для рассматриваемого изображения, фрейма или iframe.[55] Обратите внимание, что этот атрибут должен содержать URL-адрес, нет - как обычно ошибочно - текст самого описания.longdesc
был разработан для использования программы чтения с экрана для отображения информации об изображении для пользователей компьютеров с доступность проблемы, такие как слепые или слабовидящие, и широко применяется как веб-браузерами, так и программами чтения с экрана.[56] Некоторые разработчики возражают, что[57] на самом деле он редко используется для этой цели, потому что сравнительно немного авторов используют этот атрибут, и большинство из них используют его неправильно; таким образом, они рекомендуют отказаться от longdesc
.[58] Издательская индустрия отреагировала, выступая за сохранение longdesc
.[59]Пример
<img src="Hello.jpg" longdesc="description.html">
Содержание description.html
:<br /><п>Это изображение двухслойного праздничного торта.</п>...
Ссылка на подробное описание в тексте
<img />
по возможности, поскольку это также может помочь зрячим пользователям.Пример
<img src="Hello.jpg" longdesc="description.html" /> [<а href="description.html" заглавие=«длинное описание изображения»>D</а>]
Исторические элементы
<список>...</listing> (не рекомендуется)<открытый текст /> (не рекомендуется)<plaintext />
не имеет конечного тега, поскольку он завершает разметку и вызывает анализ остальной части документа, как если бы простой текст.<plaintext />
существовал в HTML-теги; устарел в HTML 2.0; инвалид в HTML 4.0. (не рекомендуется)<некстид /> (не рекомендуется)<nextid />
существовал в HTML-теги (описывается как устаревшее); устарел в HTML 2.0; инвалид в HTML 3.2 и позже.Нестандартные элементы
<мигать>...</blink> (не рекомендуется){текст-украшение: мигать}
(Этот эффект может иметь негативные последствия для людей с светочувствительная эпилепсия;[63] его использование в общедоступном Интернете должно соответствовать соответствующим правилам.)<мигать>
возник в Netscape Navigator и в основном признан его потомками, в том числе Fire Fox; устарел или же инвалид в HTML 2.0 и позже. Обратите внимание, что заменяющий тег CSS, хотя и является стандартным, не требует поддержки.<слой>...</layer> (не рекомендуется)<слой>
возник в Netscape 4; устарел или же инвалид в HTML 4.01 и позже.<шатер>...</marquee> (не рекомендуется)<шатер>
возник в Microsoft Internet Explorer; устарел или же инвалид в HTML 4.01 и позже. (не рекомендуется){белое пространство: теперь;}
<nobr>
является проприетарным элементом, который распознается большинством браузеров по соображениям совместимости; устарел или же инвалид в HTML 2.0 и позже.<ноэмбед>...</noembed> (не рекомендуется)<вставлять>
или же <объект>
элемент.Комментарии
<!-- A Comment -->
А комментарий в HTML (и связанных с ним XML, SGML и SHTML) использует тот же синтаксис, что и Комментарий SGML или же XML-комментарий, в зависимости от типа документа.<!--Xbegin<!--Y-->Xend ->
даст комментарий Xbegin и текст Xend -> после этого, а иногда просто Xend ->, в зависимости от браузера.<- для "расширение один "-> style = "..." <
).doctype
заставит Internet Explorer 6 использовать режим причуд для HTML-страницы. Ни один из doctype
информация будет обработана.<style>
и <script>
элементы по-прежнему иногда окружены разделителями комментариев, а браузеры с поддержкой CSS и скриптов написаны таким образом, чтобы игнорировать эту разметку комментария как на самом деле комментарий. Это означает, что попытки фактически закомментировать CSS и разметку скрипта, изменив элементы внутри комментария, чтобы они не распознавались, например <-- [сценарий] ...[/ скрипт] -->
.<стиль> ... {комментарий теги} ...</стиль>
появится на экране. Другие редакторы HTML могут иметь такой же дефект.Смотрите также
Примечания
<объект>
за неизбежным исключением.Рекомендации
<embed>
<embed>
... фреймы создают дополнительные проблемы с удобством использования, которые уникальны для пользователей с ограниченными возможностями, особенно для тех, кто использует программы чтения с экрана.
Библиография
Стандарты HTML
Другие источники
внешняя ссылка
Викибук Язык гипертекстовой разметки есть страница по теме: все элементы в HTML