Źródło: Arkusze CKE
Który z poniższych przykładów kodu HTML5 zostanie zakwalifikowany przez walidator HTML jako błędny?
Warianty odpowiedzi
-
A
<p class= "stl" id= "a">tekst</p>
-
B
<p class= "stl"><style>.a{color:#F00}</style>tekst</p>
-
C
<p class= "stl" style= "color: #F00 ">tekst</p>
-
D
<p class= "stl">tekst</p>
Wyjaśnienie
Walidator uzna ten kod za błędny ze względu na umieszczenie znacznika <style> wewnątrz elementu akapitu <p>.
Zgodnie ze standardami i dobrymi praktykami HTML, znacznik <style> zawierający reguły CSS powinien znajdować się w sekcji <head> dokumentu. Wstawianie wewnętrznych arkuszy stylów bezpośrednio do elementów blokowych lub liniowych w treści strony jest błędem składniowym.
Pozostałe przykłady w pytaniu przedstawiają poprawne użycie atrybutów oraz znaczników, dlatego walidator przejdzie przez nie bez zastrzeżeń.