Ostatnio edytowany:

Skrócony zapis wartości atrybutu HTML

Autor: Virtual Patriot

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="http://webkod.pl/files/html/zwierze-01.png" alt="lew">
<!-- LUB -->
<img src='http://webkod.pl/files/html/zwierze-01.png' 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="http://webkod.pl/files/html/zwierze-01.png" alt='lew'>
<!-- LUB -->
<img src='http://webkod.pl/files/html/zwierze-01.png' 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=http://webkod.pl/files/html/zwierze-01.png alt=lew>

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

Przykład:

<img src=http://webkod.pl/files/html/zwierze-01.png 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.