Katalog Kursów

Miejsce na reklamę AdSense
(Pionowy Skyscraper)
Polityka prywatności O nas Kontakt

HTML5 – Szkielet każdego dokumentu

Autor: coach2

Hipertekstowy Język Znaczników

HTML (HyperText Markup Language) nie jest językiem programowania, ponieważ nie posiada logiki, pętli czy instrukcji warunkowych. Jest to język znaczników (tagów), który służy do nadawania struktury i semantycznego znaczenia treściom na stronie.

Budowa dokumentu HTML5

Każdy poprawny dokument HTML5 zaczyna się od deklaracji <!DOCTYPE html>, która informuje przeglądarkę o używanej wersji języka. Następnie cały kod zamykany jest w głównym tagu <html>, który dzieli się na dwie sekcje:

  • <head> (Głowa): Sekcja niewidoczna dla użytkownika na samej stronie. Przechowuje metadane, tytuł zakładki (tag <title>), informacje dla wyszukiwarek Google (SEO) oraz linki do zewnętrznych arkuszy stylów i skryptów.
  • <body> (Ciało): Tutaj znajduje się fizyczna zawartość strony – nagłówki, akapity, zdjęcia, tabele i przyciski.

Semantyka ma znaczenie

Dawniej całe strony budowano na tzw. "divach" (tagach <div>), które są tylko bezimiennymi kontenerami. HTML5 wprowadził tagi semantyczne, takie jak <header>, <article>, <nav> czy <footer>. Choć wizualnie działają tak samo jak divy, mają ogromne znaczenie dla robotów indeksujących Google oraz dla czytników ekranowych (narzędzi dla osób niewidomych), ponieważ z góry określają, jaką funkcję pełni dany blok tekstu na stronie.

Załącznik multimedialny

Miejsce na baner reklamowy Google AdSense w treści artykułu