HTML/Элемент i
Синтаксис
(X)HTML
<i> ... </i>
Описание
Элемент i
(от англ. «italic» ‒ «курсивный») выделяет текст ‘курсивом’. Является элементом физического форматирования текста.
Совет
Используйте данный элемент для форматирования значимых отрывков текста, так как на текст, который вложен в данный элемент поисковые машины обращают особое внимание.
Для выделения особо важных текстовых отрывков используются элементы логического выделения em
и strong
.
CSS
Аналог: font-style: italic;
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Italic: I | Перевод |
3.2 | Font style elements | |
4.01 | 15.2.1 Font style elements: the TT, I, B, BIG, SMALL, STRIKE, S, and U elements DTD: Transitional
Strict
Frameset | |
5.0 | 4.5.17 The i element | |
5.1 | 4.5.22. The i element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset | |
1. 1 | Extensible HyperText Markup Language |
Атрибуты
- Глобальные атрибуты
- accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент i</title>
</head>
<body>
<h2>Пример с элементом «i»</h2>
<p>Простой текст; <i>текст, выделенный курсивом</i>.<p>
</html>
Элемент i
Элементы (елементы) HTML уроки для начинающих академия
❮ Назад Дальше ❯
Элементы HTML
HTML-элемент обычно состоит из тега Start и тега End с содержимым, вставленным между:
<tagname>Содержание идет здесь. ..</tagname>
HTML- элемент — это все, от начального тега до конечного тега:
<p>Мой первый абзац.</p>
Начальный тег | Содержимое элемента | Конечный тег |
---|---|---|
<h2> | Мой первый заголовок | </h2> |
<p> | Мой первый абзац. | </p> |
<br> |
Элементы HTML без содержимого называются пустыми элементами. Пустые элементы не имеют конечного тега, такого как <br> элемент (который указывает на разрыв строки).
Вложенные элементы HTML
Элементы HTML могут быть вложенными (элементы могут содержать элементы).
Все HTML-документы состоят из вложенных элементов HTML.
Этот пример содержит четыре элемента HTML:
Пример
<!DOCTYPE html>
<html>
<body>
<h2>My First Heading</h2>
<p>My first paragraph. </p>
</body>
</html>
Пример объяснения
<html>
элемент определяет весь документ.
Он имеет тег Start <html> и тег End </html>.
Элемент Content — это другой элемент HTML ( <body>
элемент).
<html>
<body>
<h2>My First Heading</h2>
<p>My first paragraph.</p>
</body>
</html>
<body>
Он имеет тег Start <body> и тег End </body>.
Элемент Content — это два других HTML-элемента ( <h2>
и <p>
).
<body>
<h2>My First Heading</h2>
<p>My first paragraph.</p>
</body>
<h2>
элемент определяет заголовок.
Он имеет тег Start <h2> и тег End </h2>.
Элемент Content: мой первый заголовок.
<h2>My First Heading</h2>
The <p>
element defines a paragraph.
It has a start tag <p> and an end tag </p>.
The element content is: My first paragraph.
<p>My first paragraph.</p>
Не забывайте, что конечный тег
Некоторые элементы HTML будут отображаться корректно, даже если вы забыли конечный тег:
Пример
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Приведенный выше пример работает во всех браузерах, так как закрывающий тег считается необязательным.
Никогда не полагайтесь на это. Если вы забыли конечный тег, это может привести к неожиданным результатам и/или ошибкам.
Пустые элементы HTML
Элементы HTML без содержимого называются пустыми элементами.
<br>
пустой элемент без закрывающего тега (тег <br>
определяет разрыв строки).
Пустые элементы могут быть «закрыты» в открывающем теге так: <br />.
HTML5 не требует закрытия пустых элементов. Но если требуется более строгая проверка, или если необходимо сделать документ удобочитаемым синтаксическими анализаторами XML, необходимо правильно закрыть все элементы HTML.
Использовать строчные теги
Теги HTML не чувствительны к регистру: <p> означает то же, что и <p>.
Стандарт HTML5 не требует строчных тегов, но W3C рекомендует строчные буквы в HTML и требует нижнего регистра для более строгих типов документов, таких как XHTML.
В html5css.ru Мы всегда используем строчные теги.
❮ Назад Дальше ❯
: HTML-документ / корневой элемент — HTML: язык гипертекстовой разметки
HTML-элемент
представляет корень (элемент верхнего уровня) HTML-документа, поэтому его также называют корнем . элемент . Все остальные элементы должны быть потомками этого элемента.
Категории контента | Нет. |
---|---|
Разрешенный контент | Один элемент, за которым следует один <тело> элемент. |
Отсутствие тега | Начальный тег может быть опущен, если первое, что находится внутри элемент не является комментарием. Конечный тег может быть опущен, если элемент не является сразу
с последующим комментарием. |
Разрешенные родители | Нет. Это корневой элемент документа. |
Неявная роль ARIA | документ |
Разрешенные роли ARIA | Нет роль разрешено |
Интерфейс DOM | HTMLHtmlElement |
Этот элемент включает глобальные атрибуты.
-
манифест
Устаревший Нестандартный Указывает URI манифеста ресурса, указывающего ресурсы, которые следует кэшировать локально.
-
версия
Устаревший Указывает версию определения типа документа HTML, которая управляет текущим документом. Этот атрибут не нужен, так как он является избыточным по отношению к информации о версии в объявлении типа документа.
-
xmlns
Указывает пространство имен XML документа. Значение по умолчанию:
"http://www.w3.org/1999/xhtml"
. Это требуется в документах, проанализированных с помощью парсеров XML, и необязательно в текстовых/html-документах.
<голова> голова> <тело> тело>
Хотя HTML не требует от авторов указывать
начальный и конечный теги элемента, это важно для авторов, поскольку это позволит им указать язык
для веб-страницы.
lang
с допустимым языковым тегом в соответствии с RFC 5646: теги для идентификации языков (также известный как BCP 47) на 9Элемент 0004 поможет технологии чтения с экрана определить правильный язык для объявления. Идентифицирующий языковой тег должен описывать язык, используемый большей частью содержимого страницы. Без него программы чтения с экрана обычно по умолчанию используют язык, установленный в операционной системе, что может привести к неправильному произношению. Включение действительного объявления lang
в элемент
также гарантирует, что важные метаданные, содержащиеся на странице
, такие как
страницы, также объявляются правильно.
- MDN Понимание WCAG, пояснения к Руководству 3.1
- Понимание критерия успеха 3.1.1 | Понимание W3C WCAG 2.1
Спецификация |
---|
Стандарт HTML # the-html-element |
таблицы загружаются только в браузере с включенным BCD. Включите JavaScript для просмотра данных.
- Элемент верхнего уровня MathML:
- Элемент верхнего уровня SVG:
Обнаружили проблему с содержанием этой страницы?
- Отредактируйте страницу на GitHub.
- Сообщить о проблеме с содержимым.
- Посмотреть исходный код на GitHub.
Хотите принять участие?
Узнайте, как внести свой вклад.
Последний раз эта страница была изменена участниками MDN.
: Элемент Generic Section — HTML: Язык гипертекстовой разметки
HTML-элемент
представляет общий автономный раздел документа, который не имеет более конкретного семантического элемента для его представления. Разделы всегда должны иметь заголовок, за очень немногими исключениями.
Этот элемент включает только глобальные атрибуты.
Как упоминалось выше,
— это общий элемент секционирования, и его следует использовать только в том случае, если нет более конкретного элемента для его представления. Например, меню навигации должно быть заключено в элемент, но список результатов поиска или отображение карты и его элементы управления не имеют определенных элементов и могут быть помещены в
.
Также рассмотрите следующие случаи:
- Если содержимое элемента представляет собой автономную атомарную единицу контента, которая имеет смысл синдицироваться как отдельная часть (например, сообщение в блоге или комментарий в блоге или газетная статья),
< article> элемент
был бы лучшим выбором. - Если содержимое представляет собой полезную тангенциальную информацию, которая работает наряду с основным содержанием, но не является его непосредственной частью (например, связанные ссылки или биография автора), используйте
.
- Если содержимое представляет основную область содержимого документа, используйте
. - Если вы используете элемент только как оболочку стиля, вместо этого используйте .
Повторяю, каждый
<раздел>
следует идентифицировать, как правило, путем включения заголовка (элемент h2 — h6) в качестве дочернего элемента
, где это возможно. Ниже приведены примеры того, где вы можете увидеть
без заголовка.Простой пример использования
До
Заголовок
Куча отличного контента
После
<раздел>
Заголовок
Куча отличного контента
раздел>Использование раздела без заголовка
Обстоятельства, при которых вы можете увидеть
без заголовка, обычно встречаются в разделах веб-приложения/пользовательского интерфейса, а не в традиционных структурах документов. В документе действительно нет смысла иметь отдельный раздел содержимого без заголовка для описания его содержимого. Такие заголовки полезны для всех читателей, но особенно полезны для пользователей вспомогательных технологий, таких как программы чтения с экрана, и они также хороши для SEO.Рассмотрим, однако, вторичный механизм навигации. Если глобальная навигация уже заключена в элемент
, вы могли бы обернуть предыдущее/следующее меню в
:Предыдущая статья Следующая статья раздел> Или как насчет панели кнопок для управления вашим приложением? Это может не обязательно иметь заголовок, но это все же отдельный раздел документа:
<раздел> раздел>
Обязательно используйте вспомогательные технологии и удобный для чтения с экрана CSS, чтобы скрыть его, например:
. hidden { положение: абсолютное; сверху: -9999px; слева: -9999px; }
В зависимости от содержания, включение заголовка также может быть полезно для SEO, так что это вариант для рассмотрения.
Категории контента Потоковое содержание, Содержание разделов, ощутимое содержание. Разрешенный контент Текущее содержимое. Отсутствие тега Нет, начальный и конечный теги обязательны. Разрешенные родители Любой элемент, принимающий потоковое содержание. Обратите внимание, что
элемент не должен быть потомок элементаНеявная роль ARIA регион
если элемент имеет доступное имя, иначе нет соответствующей ролиРазрешенные роли ARIA оповещение
,оповещениедиалог
,приложение
,баннер
,дополнительный
,контентинформация
,диалог
,документ
,фид
,журнал
,основной
,шатер
,навигация
,нет
,примечание
,презентация
,поиск
,статус
,вкладка
Интерфейс DOM HTMLЭлемент
Спецификация Стандарт HTML
# the-section-elementЗагрузка таблиц только в браузере с поддержкой JavaScript.