Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Kategorie: Strony internetowe Kolor i typografia
Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?
| A. | <head>… <style type="text/css">… </style> </head> |
| B. | <body> … <style type="text/css">... </style> </body> |
| C. | <head>… <link rel=stylesheet type=css href=style/style.css /> </head> |
| D. | <head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> |
Odpowiedzi
Informacja zwrotna
Prawidłowe zastosowanie zagnieżdżonych deklaracji CSS w dokumencie HTML polega na umieszczeniu ich wewnątrz sekcji <head>, między znacznikami <style type="text/css">...</style>. Odpowiedź A ilustruje tę zasadę, przedstawiając odpowiednią strukturę dokumentu. W praktyce, umieszczając style w sekcji <head>, zapewniasz, że przeglądarka załaduje i zastosuje je przed renderowaniem treści strony. To kluczowe dla wydajności i poprawnego wyświetlania elementów na stronie. Standardy W3C oraz dobre praktyki w zakresie SEO zalecają tę metodę, ponieważ zewnętrzne style mogą przyczynić się do opóźnienia w renderowaniu strony. Dobrym przykładem może być zastosowanie zagnieżdżania dla określenia wyglądu nagłówków, linków, czy tła elementów. Na przykład, można zdefiniować style dla <h1>, <p>, czy <a>, co pozwala na pełną kontrolę nad wyglądem strony bez konieczności odwoływania się do zewnętrznych plików CSS, co bywa uciążliwe w zarządzaniu projektem.