https://wiki.rettungsdienstblog.eu/api.php?action=feedcontributions&feedformat=atom&user=CameronRosser4 2026-11-09T04:57:06Z Benutzerbeiträge MediaWiki 1.37.1 https://wiki.rettungsdienstblog.eu/index.php?title=Gdy_uk%C5%82adasz_tre%C5%9B%C4%87_strony,_nag%C5%82%C3%B3wki_to_struktura,_nie_wielko%C5%9B%C4%87&diff=497685 2026-10-19T17:58:28Z

<p>CameronRosser4: Die Seite wurde neu angelegt: „Zacznij od wypisania na kartce, co ma być na stronie najważniejsze. Na jednej stronie powinien być zwykle jeden h1 — tytuł artykułu, nazwa produktu albo nagłówek działu. Kolejne poziomy wynikają z zagnieżdżenia tematów: h2 dla rozdziałów, h3 dla podrozdziałów. Nie przeskakuj poziomów. Po h2 nie stawiaj od razu h4, bo to sygnał, że w strukturze brakuje ogniwa. Jeśli potrzebujesz mniejszego tekstu, użyj klasy CSS, a nie niższego nag…“</p> <hr /> <div>Zacznij od wypisania na kartce, co ma być na stronie najważniejsze. Na jednej stronie powinien być zwykle jeden h1 — tytuł artykułu, nazwa produktu albo nagłówek działu. Kolejne poziomy wynikają z zagnieżdżenia tematów: h2 dla rozdziałów, h3 dla podrozdziałów. Nie przeskakuj poziomów. Po h2 nie stawiaj od razu h4, bo to sygnał, że w strukturze brakuje ogniwa. Jeśli potrzebujesz mniejszego tekstu, użyj klasy CSS, a nie niższego nagłówka.&lt;br&gt;&lt;br&gt;Na koniec pamiętaj o domknięciu wszystkich znaczników. Przeglądarki wybaczają wiele błędów, ale niedomknięty tr czy td potrafi rozsypać całą strukturę. Warto też dodać caption jako pierwszy element wewnątrz table — krótki opis tabeli wyświetli się nad nią i pomoże zrozumieć, czego dotyczą dane. Tabela zbudowana z tych pięciu elementów — table, caption, tr, th i td — jest czytelna, dostępna i przewidywalna w każdej przeglądarce.&lt;br&gt;&lt;br&gt;Praktyczna zasada: najpierw treść, potem wygląd. Napisz artykuł, nadaj nagłówkom właściwe poziomy, a dopiero na końcu dobierz rozmiary i kolory w arkuszu stylów. Dzięki temu zmiana szaty graficznej nie zepsuje struktury, a strona będzie czytelna dla ludzi i maszyn. Pamiętaj też, że jeden dobrze postawiony h2 z konkretną nazwą sekcji działa lepiej niż pięć h4 rozrzuconych po tekście bez związku z treścią.&lt;br&gt;&lt;br&gt;Zacznij od pytania, czy dana treść ma sens w oderwaniu od reszty strony. Wpis na blogu, komentarz użytkownika, recenzja produktu czy pojedynczy post na forum to article. Rozdział w artykule, sekcja z pytaniami i odpowiedziami albo blok z danymi kontaktowymi to section. Praktyczna zasada: article może mieć własny nagłówek, autora i datę, a section dziedziczy kontekst po rodzicu.&lt;br&gt;&lt;br&gt;Punkty graniczne ustawiaj na podstawie treści, nie urządzeń Zapytania o media pisz wyłącznie z min-width, nigdy z max-width, jeśli trzymasz się podejścia od telefonu. Wartości nie bierz z nazw popularnych telefonów ani tabletów, bo te się zmieniają, a układ psuje się wtedy, gdy treść przestaje się mieścić. Ustaw punkt graniczny tam, gdzie naprawdę zaczyna brakować miejsca: gdy tekst łamie się w brzydkim miejscu, gdy przycisk przestaje być wygodny, gdy karta ma za mało miejsca na treść. Wtedy dodaj min-width i nową regułę, która poprawia tylko ten jeden element.&lt;br&gt;&lt;br&gt;Nagłówki h1–h6 istnieją po to, żeby opisać strukturę dokumentu, a nie po to, żeby ustawić wielkość liter. Przeglądarki i czytniki ekranu traktują je jak spis treści: h1 to temat główny, h2 to główne sekcje, h3 to podsekcje i tak dalej. Jeśli używasz h4 tylko dlatego, że ładnie wygląda, tworzysz strukturę, której nikt nie odczyta poprawnie — ani robot wyszukiwarki, ani osoba korzystająca z syntezatora mowy.&lt;br&gt;&lt;br&gt;Nagłówki kolumn można dodatkowo opisać atrybutem scope. Wartość scope=&quot;col&quot; mówi, że dana komórka th opisuje całą kolumnę, a scope=&quot;row&quot; — cały wiersz. Dzięki temu technologie asystujące lepiej wiążą nagłówek z danymi. To prosty zabieg, który nie zmienia wyglądu, ale realnie poprawia jakość tabeli.&lt;br&gt;&lt;br&gt;Najczęstszy błąd to rozjazd między wartościami. Etykieta ma for=&quot;mail&quot;, a pole id=&quot;email&quot; — i już nic nie działa, choć kod wygląda poprawnie. Drugi typowy problem: dwa elementy na stronie mają ten sam id. Wtedy kliknięcie w etykietę trafia do pierwszego z nich, a nie do tego, który widzisz obok. Warto więc po każdej zmianie w formularzu sprawdzić zgodność par for–id, choćby szybkim wyszukaniem w edytorze.&lt;br&gt;&lt;br&gt;Jak sprawdzić, czy hierarchia jest poprawna Najprostszy test: wyłącz style w przeglądarce albo podejrzyj sam kod. Nagłówki powinny czytać się jak konspekt. Jeśli po usunięciu CSS widzisz ciąg h1, h2, h4, h2, h5, coś jest nie tak. Drugi test: przeczytaj same nagłówki od góry do dołu. Czy tworzą logiczne streszczenie strony? Jeśli nie, popraw strukturę, zanim zaczniesz poprawiać wygląd. Trzeci test: sprawdź, czy w każdym h2–h6 jest tekst opisujący sekcję, a nie ogólnik typu „Więcej&quot; albo „Kliknij tutaj&quot;.&lt;br&gt;&lt;br&gt;Uważaj na sytuacje, w których etykieta jest widoczna, ale ukryta przed czytnikami ekranu — na przykład przez display: none. Taka etykieta nadal działa po kliknięciu myszą, ale użytkownik czytnika nie usłyszy opisu pola. Jeśli chcesz ukryć tekst wizualnie, a zachować go dla technologii wspomagających, użyj techniki z przycięciem do jednego piksela zamiast całkowitego usuwania. Nie wkładaj też w etykietę elementów interaktywnych, takich jak odnośniki czy przyciski — kliknięcie w nie przestaje wtedy przenosić fokus, a zachowanie staje się nieprzewidywalne.&lt;br&gt;&lt;br&gt;Typowe błędy wynikają z przyzwyczajeń z edytorów tekstu. Pierwszy: używanie h1 do logo i drugiego h1 do tytułu artykułu. To rozmywa temat strony. Drugi: pusty h2 służący jako odstęp. Trzeci: nagłówki ukryte w obrazkach — wyszukiwarki ich nie odczytają. Czwarty: mieszanie kolejności, np. h3 przed h2. Piąty: traktowanie h6 jako „najmniejszego tekstu&quot;, choć to po prostu najgłębszy poziom struktury, którego w praktyce często wcale nie potrzebujesz.</div>

CameronRosser4 https://wiki.rettungsdienstblog.eu/index.php?title=Benutzer:CameronRosser4&diff=497684 2026-10-19T17:58:26Z

<p>CameronRosser4: Die Seite wurde neu angelegt: „Miłośnik aranżacji wnętrz od kilku lat. Piszę o tym, jak urządzić mieszkanie w bloku bez remontu generalnego. Najchętniej opisuję pomysły, które nie rujnują budżetu.“</p> <hr /> <div>Miłośnik aranżacji wnętrz od kilku lat. Piszę o tym, jak urządzić mieszkanie w bloku bez remontu generalnego. Najchętniej opisuję pomysły, które nie rujnują budżetu.</div>

CameronRosser4