Sekcja nagłówka strony WWW
1. Podział dokumentu HTML
Każdy dokument HTML dzieli się na dwie główne części:
<head>– sekcja nagłówkowa strony, zawiera informacje o stronie (metadane), które nie są bezpośrednio widoczne dla użytkownika.<body>– sekcja treści strony, czyli to, co widzi użytkownik (nagłówki, teksty, obrazy, linki itp.).
Schemat podstawowego dokumentu:
2. Deklaracja <!DOCTYPE>
- Umieszczana na samym początku dokumentu.
- Informuje przeglądarkę, w jakiej wersji HTML został zapisany dokument.
- Współcześnie używamy uproszczonej wersji dla HTML5:
3. Atrybut języka strony (lang)
- Atrybut
langumieszczamy w znaczniku<html>. - Określa język treści dokumentu, co jest ważne dla wyszukiwarek i czytników ekranu.
Przykład:
Dzięki temu przeglądarka wie, że strona jest w języku polskim.
4. Sekcja <head>
Sekcja <head> zawiera informacje o stronie (metadane).
Nie są one wyświetlane bezpośrednio w treści strony, ale są istotne dla:
- przeglądarek,
- wyszukiwarek (SEO),
- użytkowników (np. tytuł strony na karcie).
Najczęściej używane elementy w <head>:
a) <meta charset="UTF-8">
- Ustawia kodowanie znaków dokumentu.
- Najczęściej stosujemy
UTF-8, które obsługuje polskie znaki i wiele innych symboli.
b) <title>
- Określa tytuł strony widoczny na karcie przeglądarki.
- Jest też używany w wynikach wyszukiwania Google.
c) Meta tagi (<meta>)
Meta tagi służą do przekazywania dodatkowych informacji o stronie.
Najważniejsze meta tagi:
5. Sekcja <body>
- Zawiera całą widoczną treść strony – nagłówki, akapity, obrazki, linki, listy itp.
- To część, którą użytkownik widzi w przeglądarce.
Przykład:
6. Przykład kompletnego dokumentu HTML
7. Podsumowanie
<!DOCTYPE html>– informuje, że używamy HTML5.<html lang="...">– określa język dokumentu.<head>– zawiera metadane (kodowanie, opis, autor, tytuł).<title>– tytuł strony widoczny na karcie przeglądarki.<meta>– przekazuje informacje dla przeglądarek, wyszukiwarek i mediów społecznościowych.<body>– treść strony widoczna dla użytkownika