Co to są kody tła HTML?

Kody tła dla języka HyperText Markup Language (HTML) to właściwości elementów blokowych, które mogą zmieniać wygląd obszaru za wyświetlanym tekstem i obrazami na stronie internetowej. Używając kodów HTML tła, można zmienić kolor tła strony lub zdefiniować obraz i wyświetlić go jako tapetę tła. Kody te mogą być używane jako właściwość tagu HTML body lub bardziej szczegółowo definiowane za pomocą kaskadowych arkuszy stylów (CSS). Chociaż kody tła HTML mogą pomóc poprawić wygląd strony internetowej, mogą również powodować problemy z czytelnością strony, jeśli nie zostaną odpowiednio przetestowane. Ponadto niektóre kody tła zostały przestarzałe — w szczególności właściwości znacznika HTML body — i mogą nie być wyświetlane poprawnie, jeśli nie są zdefiniowane we właściwościach CSS.

Zarówno właściwość background tagu HTML body, jak i właściwość CSS background-image umożliwiają projektantowi określenie pliku, który może być używany jako obraz tła witryny internetowej. Gdy obraz jest zdefiniowany za pomocą właściwości background tagu body, obraz jest stosowany do tła całej strony. Jeśli używana jest właściwość CSS background-image, obraz może być ograniczony do pojedynczego elementu na poziomie bloku, takiego jak tabela lub pole tekstowe. Obraz może być prawie wszystkim, chociaż większość przeglądarek nie wyświetla animacji formatu wymiany grafiki (gif) jako obrazu tła, a zamiast tego może wyświetlać tylko pierwszą klatkę.

Inne kody tła mogą być używane z tagiem body i dodatkowymi właściwościami CSS. Pozwalają na zdefiniowanie obrazu jako powtarzającego się na całym tle w pionie, poziomie lub obu. Kodów tła HTML można również użyć do wyrównania obrazu do określonego obszaru ekranu, takiego jak prawy dolny róg. Właściwości CSS mogą akceptować wartości procentowe lub lokalizacje pikseli jako argumenty, zapewniając metodę pozycjonowania obrazów w bardzo określonych lokalizacjach.

Istnieje również prostszy zestaw kodów tła HTML, które zajmują się definiowaniem jednolitego koloru jako tła dla witryny internetowej. Podobnie jak w przypadku obrazów, zastosowanie koloru wewnątrz znacznika body zmieni kolor tła całej strony, podczas gdy zmiana właściwości CSS body ograniczy zmianę do pojedynczego elementu na poziomie bloku. Należy zauważyć, że niektóre przeglądarki internetowe umożliwiają użytkownikom wyłączenie wyświetlania obrazów i kolorów tła.

Kody HTML tła mogą czasami być wyświetlane nieprawidłowo lub wyłączone, dlatego uważa się, że złą praktyką projektową jest poleganie w dużym stopniu na kolorze obrazu tła w celu przekazywania istotnych informacji przeglądającym witrynę. Podobnie, jeśli kolory tekstu i tła są odwrócone, a tło nie jest wyświetlane poprawnie, widzowie strony internetowej mogliby w ogóle nie zobaczyć tekstu. Utrzymanie ciemnego koloru tekstu na jasnym tle może pomóc w zwiększeniu widoczności strony internetowej, nawet jeśli tło nie jest wyświetlane w pożądanym kolorze.