Walidator i typowe błędy

Walidacja i dostępność strony: zgodność ze standardami - Informatyka - technikum klasa 2 (HTML/CSS/JS)

Przeglądarka wyświetli prawie każdy kod, nawet z błędami, ale **zgodność ze standardem** ma znaczenie: strona działa tak samo w różnych przeglądarkach, czytniki ekranu i wyszukiwarki rozumieją jej strukturę, a kod łatwiej poprawiać w zespole. Kod sprawdza **walidator** (np. validator.w3.org): wklejasz kod albo adres strony i dostajesz listę błędów z numerami linii. Najczęstsze błędy: - brak `lang` w `<html>` (czytnik ekranu nie wie, jakim językiem czytać), - obraz `<img>` bez atrybutu `alt`, - niezamknięte albo źle zagnieżdżone znaczniki (`<p><div>...</div></p>`), - powtórzony `id` (identyfikator musi być jeden na stronie), - kilka nagłówków `<h1>` zamiast hierarchii `h1` - `h2` - `h3`. Przykład pokazuje poprawioną wersję strony galerii.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Galeria koła</title>
</head>
<body>
  <header>
    <h1>Galeria koła fotograficznego</h1>
  </header>
  <main>
    <h2>Wycieczka klasowa</h2>
    <img src="jezioro.jpg" alt="Jezioro o zachodzie słońca">
    <img src="gory.jpg" alt="Szczyty gór w chmurach">
    <p>Zdjęcia z wycieczki klasowej.</p>
  </main>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - technikum klasa 2·Zaloguj się, aby zapisać postęp na koncie.