Przejdź do treści

Struktura dokumentu HTML

Co to jest nagłówek, a co ciało dokumentu? Jak dodać do dokumentu dodatkowe informacje, mówiące o jego charakterze?

Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>).

Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne ogólne wiadomości dotyczące dokumentu, m.in. sposób kodowania znaków, opis zawartości strony, jej autora czy język, w którym została napisana. Metainformacje nie wpływają bezpośrednio na wygląd dokumentu, lecz cechy które podają, są równie ważne. Chociaż nie są one wymagane, warto je stosować, ponieważ może to np. pomóc w odszukaniu strony przez wyszukiwarki sieciowe. Każdy dokument powinien zawierać obowiązkowo przynajmniej deklarację strony kodowej, bez której polskie litery na stronie mogą zostać błędnie wyświetlone! W pojedynczym dokumencie znajduje się zwykle kilka znaczników <meta> - każdy dotyczy innej informacji - wszystkie muszą znajdować się wewnątrz nagłówka strony (<head>...</head>). Ponadto w tym rozdziale opisane zostaną również inne przydatne znaczniki, które można umieścić w nagłówku dokumentu, opisujące sam dokument, a nie wyświetlające jakieś treści.

Oczywiście nie ma obowiązku stosowania dokładnie wszystkich znaczników META, które zostały przedstawione w tym rozdziale. Samodzielnie wybierz te, które Ci odpowiadają lub przekazują według Ciebie ważne informacje. Jednak nigdy nie należy zapominać o wstawianiu deklaracji strony kodowej, natomiast podanie tytułu strony jest wręcz obowiązkowe! Zaleca się również wpisanie opisu zawartości strony.

Większość edytorów HTML posiada specjalne generatory sekcji HEAD, w których podaje się wszystkie atrybuty oraz informacje dotyczące dokumentu, dzięki czemu nie trzeba tego robić ręcznie. Z takiego generatora możesz skorzystać również tutaj.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
Poziom wsparcia
min. 2,5 roku
<body>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
<head>1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
<meta>1
2008-12-11
1
2004-11-09
12
2015-07-29
≤12.1
2012-11-20
1
2003-06-23
 100%

Komentarze #

  • Sławomir Kokłowski
    Sławomir Kokłowski

    03.04.2024 21:42
    W jaki sposób objawia się to niedziałanie?
    Zobacz więcej

  • sylwi_k
    sylwi_k

    03.04.2024 19:55
    Nic nie działa :evil: :evil:
    Zobacz więcej

  • Emiljab
    Emiljab

    31.10.2021 20:04
    Dieńki
    Zobacz więcej

  • CapaciousCore
    CapaciousCore

    10.01.2021 18:00
    Pytanie zasadnicze jaki cel ma spełniać to jednorazowe odświeżenie strony?
    Zobacz więcej

  • Sławomir Kokłowski
    Sławomir Kokłowski

    10.01.2021 11:51
    Jednym z możliwych rozwiązań może być automatyczne wczytanie strony, która choć będzie się znajdować pod innym adresem, to jej wygląd będzie taki sam tylko już bez wstawionego na niej polecenia odświeżania.
    Innym rozwiązaniem może być użycie skryptu JavaScript albo np. PHP...
    Zobacz więcej

  • matman
    matman

    09.01.2021 23:57
    Co zrobić żeby strona odświeżyła się jednorazowo, po otworzeniu?
    Zobacz więcej

  • asta
    asta

    10.11.2016 08:30
    To samo było u mnie z ruchomym gifem, gdy dodałem na serwer, to musiałem wyczyścić ciasteczka, żeby był widoczny nowo wstawiony, więc podobnie jak z ikonką strony...
    Zobacz więcej

  • Gość
  • Gość
    Gość

    30.07.2015 21:35
    <body style="background:url(bg.gif) fixed repeat;">
    działa w chromie i na firefoxie
    Zobacz więcej

  • Comandeer
    Comandeer

    13.04.2015 23:41
    Gość, bo to stare jak świat. Pewnie w nowszych IE to usunęli, a w całej reszcie nigdy nie działało ;) Chromium Team pracował nad czymś podobnym, ale jakoś na razie ani widu, ani słychu
    Zobacz więcej

Zobacz więcej komentarzy

Facebook