Justify-content i align-items mylisz, bo oś się zmienia

Po doctype otwieramy i ustawiamy w nim atrybut lang, np. lang="pl". Ma to znaczenie dla syntezatorów mowy, tłumaczy i wyszukiwarek. Wewnątrz znajdują się dokładnie dwa elementy potomne: OśWietlenie W Salonie oraz . Nic więcej nie powinno być na tym poziomie. Częstym błędem jest wstawianie treści widocznej bezpośrednio do albo do — przeglądarka przeniesie je do , ale kolejność i struktura przestaną być przewidywalne.

Kontrast tekstu i tła to nie kwestia gustu, tylko mierzalna wartość. Najczęściej używa się do tego współczynnika kontrastu, który przyjmuje wartości od 1:1 do 21:1. Im wyższa liczba po dwukropku, remont łazienki krok po kroku tym większa różnica jasności między kolorem tekstu a kolorem tła. Wartość 1:1 oznacza brak różnicy — tekst jest praktycznie niewidoczny. Wartość 21:1 to maksimum, czyli czerń na bieli. Dla zwykłego tekstu przyjmuje się, kolory ścian do Salonu że minimum to 4,5:1, a dla dużych napisów wystarczy 3:1. To nie są widzimisię projektantów, lecz wynik badań nad tym, jak ludzie czytają z ekranu.

W nie umieszcza się tekstu, obrazków ani nagłówków. Jeśli wkleisz tam akapit, przeglądarka przeniesie go do body, ale kod przestanie być zgodny ze specyfikacją. Warto też pamiętać, If you have any questions relating to exactly where and how to use jak urząDzić małą kuchnię, you can get in touch with us at the internet site. że nie jest tym samym co
— pierwszy widnieje w wynikach wyszukiwania i na karcie, drugi jest nagłówkiem w treści. Mylenie ich to jeden z najczęstszych błędów na starcie.

Najczęstsze pułapki, które obniżają kontrast Pierwszy typowy błąd to szary tekst na białym tle. „Ładny, nowoczesny" odcień szarości, np. 60% czerni, daje kontrast około 3,5:1. To za mało na dłuższy akapit. Drugi błąd to tekst na zdjęciu. Tło fotograficzne zmienia się w każdym punkcie, więc nawet jeśli w jednym miejscu kontrast jest wysoki, w innym może spaść poniżej progu. Rozwiązanie: półprzezroczysta nakładka pod tekstem albo cień pod literami. Trzeci błąd to jasny tekst na jasnym tle w przyciskach — wygląda estetycznie, ale w słońcu staje się nieczytelny. Czwarty: kolorowy tekst na kolorowym tle o podobnej jasności, np. czerwony na zielonym. Barwy się różnią, ale jasność jest zbliżona, więc kontrast wypada słabo.

Osobna sprawa to grubość i rozmiar pisma. Cienka czcionka o niskim kontraście to najgorsze połączenie. Jeśli musisz użyć jasnego tekstu na ciemnym tle, zwiększ grubość lub rozmiar. Przy wartościach poniżej 3:1 nawet pogrubienie nie uratuje sytuacji przy dłuższym czytaniu. Warto też pamiętać, że kontrast bywa różny na różnych ekranach. To, co na monitorze wygląda dobrze, na telefonie w trybie oszczędzania energii może wyglądać znacznie gorzej.

Na koniec: przed publikacją sprawdź konspekt nagłówków w swoim edytorze lub narzędziu deweloperskim. Popraw poziomy, usuń puste nagłówki i upewnij się, że każdy z nich ma sens także bez stylów. To zajmuje kilka minut, a porządkuje całą stronę.

Sekcja zawiera wszystko, co użytkownik zobaczy: nagłówki, akapity, listy, obrazy, formularze i skrypty. Otwieramy ją po zamknięciu i zamykamy przed . Kolejność jest stała: doctype, html, head, body. Każdy znacznik otwierający musi mieć zamykający, a wcięcia nie są obowiązkowe, ale bardzo ułatwiają czytanie. Aby sprawdzić, czy plik jest poprawny, wystarczy otworzyć go w przeglądarce i zajrzeć w narzędzia deweloperskie — konsola pokaże błędy parsowania. Warto też zapisać plik z rozszerzeniem .html i kodowaniem UTF-8, inaczej część znaków może się nie wyświetlić.

Co dokładnie umieścić w sekcji head Sekcja przechowuje metadane, czyli informacje o dokumencie, których nie widać na stronie. Obowiązkowy jest , umieszczony jak najwcześniej, bo bez niego polskie znaki diakrytyczne zamienią się w krzaki. Drugi istotny wpis to , który pozwala stronie dopasować się do ekranu telefonu. Do tego dochodzi z tytułem widocznym na karcie przeglądarki oraz opcjonalny . Arkusze stylów i skrypty dodaje się przez i