Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe
Podano fragment kodu HTML, który nie przechodzi walidacji. Problemy z walidacją tego kodu będą dotyczyć <!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<img src="obraz.gif" alt="Obrazek">
<br>
<img src="obraz.gif" alt="Obrazek">
</body>
</html>
Odpowiedzi
Informacja zwrotna
Brak cudzysłowu w atrybutach HTML jest częstym błędem, który wpływa na poprawność walidacji kodu. Atrybuty w HTML, takie jak 'src' czy 'alt', powinny być zawsze ujęte w cudzysłowy, aby przeglądarka mogła poprawnie interpretować ich wartość. Cudzysłowy wokół wartości atrybutu zapobiegają niejednoznacznościom, zwłaszcza gdy wartość zawiera spacje lub inne specjalne znaki. Według standardów HTML5, stosowanie cudzysłowów wokół wartości atrybutów jest dobrym zwyczajem programistycznym, mimo że w niektórych przypadkach przeglądarki mogą poprawnie interpretować wartości bez cudzysłowów. Jednak brak cudzysłowu może prowadzić do nieoczekiwanych błędów i problemów z kompatybilnością między różnymi przeglądarkami. Z tego powodu, aby zapewnić pełną zgodność i poprawną walidację, zawsze należy zamykać wartości atrybutów w cudzysłowach. Przykładem jest poprawna konstrukcja znacznika img: <img src='obraz.gif' alt='Obrazek'>, gdzie zarówno src, jak i alt są ujęte w cudzysłowy. Warto także pamiętać o alternatywnych tekstach w atrybucie alt, które poprawiają dostępność strony internetowej.