Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Jak można dodać zewnętrzny arkusz stylów do dokumentu HTML?
Odpowiedzi
Informacja zwrotna
Dołączenie zewnętrznego arkusza stylów do kodu HTML realizowane jest przy użyciu znacznika <link>, który znajduje się w sekcji <head> dokumentu HTML. Ten znacznik umożliwia przeglądarkom internetowym odnalezienie i załadowanie zewnętrznego pliku CSS, co pozwala na zastosowanie stylów do elementów HTML. Przy użyciu atrybutu 'href' wskazujemy lokalizację arkusza stylów, natomiast atrybut 'rel' definiuje relację między dokumentem HTML a plikiem stylów, zazwyczaj ustawiając go na 'stylesheet'. Przykładowa struktura to: <link rel='stylesheet' href='styles.css'>. Taki sposób organizacji stylów pozwala na lepsze zarządzanie kodem, umożliwia wielokrotne wykorzystanie tych samych stylów w różnych dokumentach oraz przyspiesza ładowanie strony poprzez caching. Użycie zewnętrznych arkuszy stylów jest zgodne z najlepszymi praktykami programowania front-endowego, co wpływa pozytywnie na wydajność oraz SEO, umożliwiając lepszą indeksację przez wyszukiwarki. Dodatkowo, umożliwia to łatwiejsze wprowadzanie zmian w stylach bez potrzeby edytowania każdego pliku HTML z osobna.
Wybór niepoprawnych odpowiedzi wynika z nieporozumienia co do funkcji poszczególnych znaczników HTML. Znacznik <css> nie istnieje w standardzie HTML, co sprawia, że nie jest on w stanie zrealizować żadnej funkcji związanej z arkuszami stylów. To błędne podejście może prowadzić do niepoprawnego renderowania stron w przeglądarkach, które nie będą w stanie interpretować takiego znacznika. Z kolei znacznik <style> służy do wstawiania stylów CSS bezpośrednio w obrębie dokumentu HTML, w sekcji <head>. Choć pozwala na definiowanie stylów, nie jest on przeznaczony do ładowania zewnętrznych arkuszy stylów, co czyni go niewłaściwym wyborem w kontekście pytania. Ostatni z wymienionych znaczników, <meta>, jest używany do definiowania metadanych o dokumencie, takich jak opis, słowa kluczowe czy kodowanie znaków, ale nie ma związku z arkuszami stylów. Zrozumienie funkcji tych znaczników jest kluczowe dla prawidłowego tworzenia stron internetowych, ponieważ niepoprawne zastosowanie może prowadzić do problemów z wyświetlaniem oraz nawigacją na stronie.