Skrócony zapis wartości atrybutu HTML

Jak zdążyliśmy już zauważyć atrybuty HTML niebędące atrybutami logicznymi z reguły muszą posiadać swoją wartość występującą po znaku = oraz znajdującą się pomiędzy pojedynczym cudzysłowem, czyli znakami '' lub znajdującą się pomiędzy podwójnym cudzysłowem, czyli znakami "".

Przykład:

<img src="(link do zdjęcia)" alt="lew">
<!-- LUB -->
<img src='(link do zdjęcia)' alt='lew'>

Oczywiście nie jest błędem, jeżeli z jakiejś przyczyny zechcemy, aby niektóre wartości atrybutów HTML tego samego interesującego nas elementu HTML znalazły się pomiędzy pojedynczym cudzysłowem, a niektóre wartości atrybutów HTML tego samego wspomnianego elementu HTML znalazły się pomiędzy podwójnym cudzysłowem.

Przykład:

<img src="(link do zdjęcia)" alt='lew'>
<!-- LUB -->
<img src='(link do zdjęcia)' alt="lew">

Ponadto istnieje jeszcze jedna zasada dotycząca zapisywania wartości atrybutu HTML elementu HTML.

Gdy wiemy, że wartość interesującego nas atrybutu HTML nie będzie zawierać w swoim ciągu znaków żadnego białego znaku, wtedy w naszym zapisie zewnętrzny cudzysłów wspomnianej wartości atrybutu HTML możemy pominąć.

Przykład:

<img src=(link do zdjęcia) alt=lew>

Jednak nie polecam Ci tej metody, ponieważ łatwo o błąd.

Przykład:

<img src=https://(link do zdjęcia) alt=zdjęcie lwa>

W naszym przykładowym zapisie występuje jeden błąd. Zewnętrzny cudzysłów wartości atrybutu alt w tym wypadku nie powinien zostać przez nas pominięty, ponieważ wartość wspomnianego atrybutu alt zawiera w swoim ciągu znaków biały znak (w tym wypadku jeden znak spacji), dlatego przeglądarka internetowa interpretuje nasz przykładowy zapis alt=zdjęcie lwa jako dwa różne atrybutu HTML. Atrybut alt wraz z wartością zdjęcie oraz atrybut logiczny lwa, lecz atrybut logiczny o nazwie lwa nie istnieje w języku HTML, dlatego nasz przykładowy zapis jest błędny.