Kotwica na stronie zadziała, gdy id i href się zgadzają — tak to zrobisz
Link do sekcji na tej samej stronie działa tylko wtedy, gdy dwa elementy mówią o tym samym: atrybut id celu i część adresu po znaku #. Jeśli nazwy się rozjeżdżają choćby o jedną literę, przeglądarka nie przewinie widoku i najczęściej nie pokaże żadnego błędu. Dlatego zamiast zgadywać, wypisz sobie najpierw wszystkie sekcje, do których chcesz skakać, i nadaj im krótkie, jednoznaczne identyfikatory.<br>
<br>
<br>
<br>
Gdzie kończy się header, a zaczyna nav Element to wprowadzenie do najbliższego kontekstu. Może być nagłówkiem całej strony, ale też pojedynczego artykułu czy sekcji – wtedy zawiera tytuł i metadane, a nie menu. Z kolei oznacza zbiór najważniejszych odnośników nawigacyjnych. Nie każdy zestaw linków zasługuje na ten znacznik; lista linków w stopce czy w treści akapitu nie musi być nawigacją. Praktyczna zasada: jeśli użytkownik ma dzięki tym odnośnikom poruszać się po serwisie, użyj . Jeśli to zwykłe odsyłacze w zdaniu, wystarczy sam .<br>
<br>
<br>
<br>
Na koniec sprawdź całość w praktyce: kliknij każdy link, przewiń stronę w obie strony i powtórz test po zmianie kolejności sekcji. Kotwice są kruche, bo zależą od dwóch powiązanych wartości w różnych miejscach kodu — wystarczy poprawić jedno i zapomnieć o drugim, żeby link przestał prowadzić tam, gdzie powinien.<br>
<br>
<br>
<br>
Jak ograniczyć widoczne artefakty na krawędziach Zacznij od tego, żeby zdjęcie zapisywać raz, na końcu obróbki, i w najwyższej jakości, jaką akceptuje docelowe zastosowanie. Jeśli plik ma trafić do druku, wybierz format bezstratny albo bardzo wysoką jakość. Przy publikacji w sieci zapisz kopię roboczą w formacie bezstratnym, a wersję końcową wygeneruj dopiero po wszystkich korektach. Unikaj zapisu pośredniego tylko po to, żeby coś sprawdzić — do podglądu używaj pliku roboczego, nie wynikowego. Kiedy musisz zmniejszyć rozdzielczość, zrób to przed kompresją, a nie po niej. Wyostrzanie wykonuj delikatnie i zawsze przed ostatnim zapisem, nie po nim. Jeśli krawędzie są bardzo kontrastowe, rozważ zapis w formacie, który nie dzieli obrazu na bloki, albo w formacie stratnym nowszej generacji.<br>
<br>
<br>
<br>
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" albo „Kliknij tutaj".<br>
<br>
<br>
<br>
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ą.<br>
<br>
<br>
<br>
Praktyczna zasada jest prosta: kompresję traktuj jako ostatni krok, zapisuj raz, a jeśli musisz poprawić plik, wróć do wersji roboczej. Kiedy artefakty już wystąpią, nie da się ich cofnąć bez ponownego przetworzenia całego zdjęcia. Receptą nie jest podbijanie ostrości, lecz ograniczenie liczby stratnych zapisów i świadome dobranie formatu do przeznaczenia obrazu.<br>
<br>
<br>
<br>
Ten sam kolor można w CSS zapisać na kilka sposobów i przeglądarka potraktuje je identycznie. Różnica leży w tym, jak wygodnie się nim posługujesz, jak łatwo go zmodyfikować i czy zapis przetrwa kopiowanie między projektami. Warto znać wszystkie cztery formaty, bo w praktyce używa się ich zamiennie, a czasem mieszanie ich w jednym pliku to jedyny rozsądny wybór.<br>
<br>
<br>
<br>
Zacznij od miejsca docelowego. W nagłówku lub kontenerze sekcji wstaw atrybut id, np. <br>
<br>
. Wartość nie może zawierać spacji, polskich znaków ani zaczynać się od cyfry — przeglądarki to tolerują różnie, a narzędzia do walidacji zgłoszą problem. Bezpiecznie jest używać małych liter, cyfr i myślników, np. id="cennik-uslug". Pamiętaj, że w całym dokumencie id musi być unikalne; dwa takie same identyfikatory to gwarancja, że link trafi w losowe miejsce.<br>
<br>
<br>
<br>
Na koniec rzecz, o której większość zapomina: nagłówki – wewnątrz tych elementów muszą tworzyć logiczne poziomy. strony zwykle zawiera , ale artykułu już nie – tam wystarczy . Zagnieżdżanie bez wcześniejszego psuje strukturę dokumentu. Zanim uznasz szablon za gotowy, sprawdź, czy jest jeden, czy opisuje realną nawigację i czy nie pełni funkcji głównego pojemnika. Te cztery znaczniki nie zdobią strony – one mówią, czym ona jest.<br>
<br>
<br>
<br>
Wielu autorów stron traktuje znaczniki , , i jak kosmetykę – dodaje je na końcu, żeby „było nowocześnie". To odwrotna kolejność. Te elementy opisują strukturę dokumentu i od nich powinno zaczynać się budowanie każdego szablonu. Przeglądarki, czytniki ekranu i roboty indeksujące korzystają z nich, żeby ustalić, co jest treścią, a co tylko otoczeniem. Jeśli pominiesz ten krok, strona nadal będzie działać, ale stracisz czytelny podział ról.