Szukaj…
Wprowadzenie
Nie wszystkie tagi HTML mają tę samą strukturę. Podczas gdy większość elementów wymaga otwierającego znacznika, zamykającego znacznika i zawartości, niektóre elementy - zwane pustymi elementami - wymagają tylko otwierającego znacznika, ponieważ same nie zawierają żadnych elementów. W tym temacie wyjaśniono i pokazano prawidłowe użycie pustych elementów w HTML
Uwagi
Element void nie może mieć żadnej treści, ale może mieć atrybuty. Puste elementy są samozamykające, więc nie mogą mieć tagu zamykającego.
W HTML5 następujące elementy są nieważne:
-
area -
base -
br -
col -
embed -
hr -
img -
input -
keygen -
link -
meta -
param -
source -
track -
wbr
Puste elementy
HTML 4.01 / XHTML 1.0 Strict zawiera następujące puste elementy:
-
area- klikalny, zdefiniowany obszar na obrazie -
base- określa podstawowy adres URL, od którego bazują wszystkie linki -
br- podział linii -
col- kolumna w tabeli [przestarzałe] -
hr- reguła pozioma (linia) -
img- obraz -
input- pole, w którym użytkownicy wprowadzają dane -
link- łączy zewnętrzny zasób z dokumentem -
meta- zawiera informacje o dokumencie -
param- określa parametry wtyczek
Standardy HTML 5 obejmują wszystkie nieaktualne tagi z poprzedniej listy i
-
command- reprezentuje polecenie, które użytkownicy mogą wywołać [nieaktualne] -
keygen- ułatwia generowanie klucza publicznego dla certyfikatów sieciowych [przestarzałe] -
source- określa źródła multimediów dla elementówpicture,audioivideo
Poniższy przykład nie obejmuje pustych elementów:
<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>
Zauważ, że każdy element ma znacznik otwierający, znacznik zamykający oraz tekst lub inne elementy wewnątrz znaczników otwierających i zamykających. Tagi pustki pokazano jednak w poniższym przykładzie:
<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">
Z wyjątkiem znacznika img, wszystkie te puste elementy mają tylko znacznik otwierający. Tag img, w odróżnieniu od innych tagów, ma samozamykający / przed znakiem większym niż tag otwierający. Najlepiej jest mieć spację przed cięciem.