Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
W jaki sposób można określić w CSS styl dla hiperłącza, aby link, który nie był odwiedzony, miał kolor żółty, natomiast odwiedzony link był w kolorze zielonym?
Odpowiedzi
Informacja zwrotna
Właściwa odpowiedź definiuje style CSS dla hiperłączy w sposób zgodny z ich rolą i statusami. Selektor `a:link` odpowiada za stylizację nieodwiedzonych linków, a w tym przypadku ustawia kolor tekstu na żółty. Z kolei selektor `a:visited` odnosi się do linków, które użytkownik już odwiedził, i ustawia ich kolor na zielony. Taka separacja stylizacji pozwala na intuicyjne rozróżnienie między linkami, co jest korzystne z punktu widzenia użyteczności i dostępności. Praktyczne zastosowanie tych selektorów pozwala na łatwe dostosowanie wyglądu strony internetowej w zależności od stanu hiperłączy, co może być przydatne w nawigacji. Zgodnie z dobrymi praktykami, zawsze warto testować wygląd strony w różnych przeglądarkach, ponieważ niektóre z nich mogą interpretować style CSS nieco inaczej. Dodatkowo, warto pamiętać o dostępności - kontrastujące kolory mogą znacznie poprawić czytelność i ułatwić nawigację osobom z wadami wzroku.
Odpowiedzi, które nie są zgodne z wymaganiami, zawierają błędy w określaniu selektorów CSS i ich zastosowania. Przykładowo, użycie `a:hover` w kontekście kolorowania linków po ich odwiedzeniu jest niepoprawne, ponieważ pseudo-klasa `:hover` dotyczy stanu, kiedy użytkownik najeżdża na link kursorem, a nie jego stanu wizyty. To prowadzi do nieporozumień, ponieważ stylizacja w stanie hover jest chwilowa i nie ma wpływu na trwałe kolorowanie linków. Kolejnym błędem jest pomieszanie selektorów - `a:visited` i `a:link` są podstawowymi selektorami do stylizacji linków, ale w niepoprawnej odpowiedzi przypisanie kolorów jest odwrotne. To oznacza, że odwiedzone linki byłyby w kolorze żółtym, co może wprowadzać użytkowników w błąd, ponieważ nie mają oni możliwości odróżnienia, które linki już odwiedzili. To z kolei może prowadzić do frustracji, szczególnie na stronach z dużą liczbą hiperłączy, gdzie jasne wskazanie statusu linków jest kluczowe dla pozytywnego doświadczenia użytkownika. Warto podkreślić, że w standardach webowych kluczowe jest stosowanie odpowiednich selektorów dla różnych stanów linków, aby zapewnić ich właściwe funkcjonowanie oraz intuicyjność interakcji na stronie.