img
- Data publikacji
- Ostatnio edytowano
Przeznaczenie elementu img
Element img
reprezentuje zasób internetowy w postaci pliku graficznego typu .png
, .gif
, .jpeg
, .pdf
, .xml
(z SVG), .apng
, .svg
lub .mng
.
Dodatkowe techniczne informacje o elemencie img
- kategoria ogólna
-
-
zawartość interaktywna, jednak tylko wtedy gdy dany element img posiada atrybut usemap
- kontekst zewnętrzny
-
element HTML, który tworzy wewnętrzny kontekst wbudowany
Przykładowy Kod HTML
<figure> <figcaption>Mój ulubiony owoc</figcaption> <img src="owoc-01.png" alt="zdjęcie czereśni"> </figure>
Kontekstem zewnętrznym przykładowego elementu "img" jest element "figure". Wspomniany element "figure" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst wbudowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "figure", jest prawidłowym kontekstem zewnętrznym dla elementu "img".
- kontekst wewnętrzny
-
brak
- wymagane elementy dzieci
-
brak
- wymagane atrybuty
- składnia HTML
-
<img>
- pominięcie tagu na początku
-
nigdy
- pominięcie tagu na końcu
-
zawsze
- CSS display
Dodatkowe domyślne reguły CSS elementu img
/* jeżeli element "img" posiada atrybut "usemap" */
img[usemap] {
color:#00F;
}
/* jeżeli zasób internetowy reprezentowany przez element "img" został poprawnie dołączony do dokumentu HTML */
img {
display:inline-block;
}
Interpretacja elementu img
-
tak
-
tak
-
tak
-
tak
-
tak
Interpretuje atrybut crossorigin, lecz od wersji "11".
-
tak