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.
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 | |
<head> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
<meta> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | ≤12.1 2012-11-20 | 1 2003-06-23 |
Komentarze
- Sławomir Kokłowski
03.04.2024 21:42
W jaki sposób objawia się to niedziałanie?
Zobacz więcej - sylwi_k
03.04.2024 19:55
Nic nie działa :evil: :evil:
Zobacz więcej - Emiljab
31.10.2021 20:04
Dieńki
Zobacz więcej - 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
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
09.01.2021 23:57
Co zrobić żeby strona odświeżyła się jednorazowo, po otworzeniu?
Zobacz więcej - 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ść
09.12.2015 06:39
http://www.creamsoft.com/blog/jak-poprawnie-dodac-do-strony-wlasna-ikone-favicon-dla-przegladarek-oraz-systemow-ios-androida-i-windows-8.html
bardzo ciekawy poradnik na temat favicon
Zobacz więcej - 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
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