Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Aby włączyć kaskadowy arkusz stylów zapisany w pliku zewnętrznym, należy zastosować poniższy fragment kodu HTML
Odpowiedzi
Informacja zwrotna
Poprawna odpowiedź to <link rel="stylesheet" type="text/css" href="styl.css" />. Ten fragment kodu HTML jest standardowym sposobem dołączania zewnętrznych arkuszy stylów do dokumentu HTML. Atrybut 'rel' określa relację pomiędzy dokumentem a zewnętrznym plikiem, w tym przypadku jest to 'stylesheet', co informuje przeglądarkę, że plik ma zawierać style CSS. Atrybut 'type' wskazuje typ zawartości, a 'href' zawiera ścieżkę do pliku CSS, w tym przypadku 'styl.css'. Zewnętrzne arkusze stylów są zalecane, ponieważ umożliwiają oddzielenie treści od stylizacji, co jest zgodne z zasadą separacji obowiązków w inżynierii oprogramowania. Umożliwia to łatwe zarządzanie i aktualizowanie stylów bez konieczności modyfikowania samego HTML-a. Przykładem zastosowania może być stworzenie pliku styl.css, który zawiera wszystkie style dla danej strony, co pozwala na ponowne wykorzystanie tych samych stylów w różnych częściach serwisu, co zwiększa spójność i ułatwia utrzymanie kodu.
Wszystkie pozostałe odpowiedzi są niepoprawne z kilku istotnych powodów. Odpowiedź, która zawiera <div id="styl.css" relation="css" />, jest błędna, ponieważ znacznik <div> nie służy do ładowania arkuszy stylów. Znaczniki <div> są używane do tworzenia sekcji w dokumencie HTML, ale nie mogą bezpośrednio odnosić się do plików CSS. Ponadto, atrybut 'relation' nie istnieje w kontekście HTML, co czyni tę odpowiedź niezgodną ze specyfikacjami. Inną nieprawidłową odpowiedzią jest <meta charset="styl.css" />. Znacznik <meta> służy do definiowania metadanych dokumentu, takich jak zestaw znaków, a nie do łączenia plików CSS. Ustalanie zestawu znaków jest istotne, jednak nie ma związku z arkuszami stylów. Ostatnie propozycje, takie jak <optionvalue="styl.css" type="text/css" />, również są błędne, ponieważ znacznik <option> jest używany w kontekście formularzy, a nie dołączenia arkuszy stylów. Takie nieporozumienia mogą wynikać z mylnego zrozumienia struktury dokumentu HTML i funkcji różnych znaczników. Ostatecznie ważne jest, aby zrozumieć, że dołączenie stylów CSS do dokumentu HTML powinno być realizowane w sposób zgodny ze standardami, co nie tylko poprawia jakość kodu, ale także zwiększa wydajność ładowania stron oraz ich późniejszego utrzymania.