Elementy HTML

Dokument HTML jest definiowany przez elementy HTML.

Elementy HTML

Element HTML to wszystkie kod pomiędzy znacznikiem początkowym (start tag) a końcowym (end tag).

Znacznik początkowy Zawartość elementu Znacznik końcowy
<p> To jest akapit </p>
<a href="default.htm" > To jest link </a>
<br />

Komentarz:Znacznik początkowy jest często nazywany znacznikiem otwierającym (opening tag), a znacznik końcowy często znacznikiem zamykającym (closing tag).

Gramatyka elementów HTML

  • Elementy HTML zaczynają się odZnacznik początkowyPoczątek
  • Elementy HTML zaczynają się odZnacznik końcowyZakończenie
  • Zawartość elementujest to zawartość między początkowym a końcowym znacznikiem
  • Niektóre elementy HTML mająPusta zawartość (empty content)
  • Pusty elementZamknij w znaczniku początkowym(zakończony znakiem końca początkowego znacznika)
  • Większość elementów HTML może miećAtrybuty

Wskazówka:W następnym rozdziale tego przewodnika dowiesz się więcej o atrybutach.

Wcięte elementy HTML

Większość elementów HTML może być wcięta (może zawierać inne elementy HTML).

Dokument HTML składa się z wciętych elementów HTML.

Przykład dokumentu HTML

<html>
<body>
<p>W tym pierwszym akapicie znajduje się tekst.</p>
</body>
</html>

Powyższy przykład zawiera trzy elementy HTML.

Wyjaśnienie przykładu HTML

Element <p>:

<p>W tym pierwszym akapicie znajduje się tekst.</p>

Ten element <p> definiuje akapit w dokumencie HTML.

Ten element ma początkowy znacznik <p> oraz końcowy znacznik </p>.

Zawartość tego elementu to: W tym pierwszym akapicie znajduje się tekst.

Element <body>:

<body>
<p>W tym pierwszym akapicie znajduje się tekst.</p>
</body>

Element <body> definiuje główne treści dokumentu HTML.

Ten element ma początkowy znacznik <body> oraz końcowy znacznik </body>.

Zawartość tego elementu to inny element HTML (element p).

Element <html>:

<html>
<body>
<p>W tym pierwszym akapicie znajduje się tekst.</p>
</body>
</html>

Element <html> definiuje cały dokument HTML.

Ten element ma znacznik otwierający <html>, oraz znacznik końcowy </html>.

Zawartość elementu to inny element HTML (element body).

Nie zapominaj o znacznikach końcowych

Nawet jeśli zapomnisz użyć znacznika końcowego, większość przeglądarek prawidłowo wyświetli HTML:

<p>This is a paragraph
<p>This is a paragraph

Powyższe przykłady działają w większości przeglądarek, ale nie należy polegać na tym podejściu. Zapominanie o użyciu znaczników końcowych może prowadzić do nieprzewidzianych wyników lub błędów.

Komentarz:Przyszłe wersje HTML nie pozwolą na pomijanie znaczników końcowych.

Puste elementy HTML

HTML elementy bez zawartości są nazywane pustymi elementami. Puste elementy są zamknięte w znaczniku otwierającym.

<br> to pusty element bez zamkniętego znacznika (znacznik <br> definiuje wcięcie).

W XHTML, XML oraz przyszłych wersjach HTML wszystkie elementy muszą być zamknięte.

Dodanie kreski po prawej stronie w znaczniku otwierającym, np. <br />, jest poprawnym sposobem zamknięcia pustych elementów, akceptowanym przez HTML, XHTML i XML.

Chociaż <br> jest poprawne we wszystkich przeglądarkach, użycie <br /> jest dłuższym zabezpieczeniem.

Wskazówka HTML: używaj małych liter dla znaczników

Znaczniki HTML są nieczułe na wielkość liter: <P> jest równoważne z <p>. Wiele stron internetowych używa znaczników HTML w wielkiej literze.

CodeW3C.com używa małych liter dla znaczników, ponieważ World Wide Web Consortium (W3C) w HTML 4RekomendowaneUżywaj małych liter, a w przyszłych wersjach (X)HTMLWymuszoneUżywaj małych liter.