HTML
Пустотелые элементы

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Поиск…


Вступление

Не все теги HTML имеют одинаковую структуру. Хотя для большинства элементов требуется тег открытия, закрывающий тег и содержимое, некоторые элементы, известные как элементы void, требуют только открывающего тега, поскольку они сами не содержат никаких элементов. В этом разделе объясняется и демонстрируется правильное использование элементов void в HTML

замечания

Элемент void не может иметь никакого содержимого, но может иметь атрибуты. Элементы Void являются самозакрывающимися, поэтому они не должны иметь закрывающий тег.

В HTML5 следующие элементы недействительны:

  • area
  • base
  • br
  • col
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

Недействительные элементы

HTML 4.01 / XHTML 1.0 Strict содержит следующие элементы void:

  • area - кликабельная, определенная область в изображении
  • base - указывает базовый URL-адрес, из которого все ссылки основаны
  • br line break
  • col - столбец в таблице [устаревший]
  • hr - горизонтальное правило (строка)
  • img - изображение
  • input - поле, в котором пользователи вводят данные
  • link - связывает внешний ресурс с документом
  • meta - предоставляет информацию о документе
  • param - определяет параметры для плагинов

Стандарты HTML 5 включают все ненулевые теги из предыдущего списка и

  • command - представляет собой команду, которую пользователи могут вызывать [устаревшие]
  • keygen - упрощает создание открытых ключей для веб-сертификатов [устарело]
  • source - указывает источники мультимедиа для элементов picture , audio и video

В приведенном ниже примере не указаны элементы void: 

<div>
    <a href="http://stackoverflow.com/">
        <h3>Click here to visit <i>Stack Overflow!</i></h3>
    </a>
    <button onclick="alert('Hello!');">Say Hello!</button>
    <p>My favorite language is <b>HTML</b>. Here are my others:</p>
    <ol>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>PHP</li>
    </ol>
</div>

Обратите внимание, что каждый элемент имеет открывающий тег, закрывающий тег и текст или другие элементы внутри открывающих и закрывающих тегов. Однако теги Void показаны в следующем примере: 

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
<br>
<hr>
<input type="number" placeholder="Enter your favorite number">

За исключением тега img, все эти недействительные элементы имеют только открывающий тег. Тег img, в отличие от любого другого тега, имеет self-закрытие / перед значком открытого тега. Лучше всего иметь место перед косой чертой.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow