Obrázek

Element <img> slouží ke vkládání obrázků, které nesou v dokumentu nějakou informační hodnotu.

 Nepoužívejte tento element pro vkládání dekorativních obrázků (odrážky, oddělovací čáry, zakulacené rohy atd.) K těmto účelům slouží styly.

Poznámky:

  • U vkládaných objektů (obrázků, animací, multimédií atd.) vždy definujte rozměry pomocí atributů nebo CSS. Zabráníte tak nepříjemnému posunování stránky při načítání obsahu.
  • U jpg obrázků používejte kvalitu alespoň 85%.

Atribut src

Povinný atribut určující URI adresu obrázku (umístění a název).

Atribut alt

Atribut alt obsahuje alternativní textovou verzi (popis) obrázku.

Uživatel by měl mít přístup ke všem informacím (X)HTML dokumentu. Pokud interpret nemůže zpřístupnit objekt vložený do webové stránky, měl by uživateli nabídnout jeho alternativní textovou verzi.

Textový formát je přístupný všem zařízením (počítač, PDA, telefon, prohlížeč pro nevidomé atd.). Bez uvedení alternativní textové verze omezujete přístupnost svých dokumentů na úzkou skupinu zařízení, která umí zacházet s Vámi poskytovaným objektem.

V žádném případě nepoužívejte nicneříkající texty jako např. „obrázek“, „nic“, „Všimněte si krásných barev loga“ apod. (uvedené texty neinformují uživatele o obsahu obrázku).

<p>
  <img width="136" height="200" src="images/logo-vav.jpg"
    alt="Logo Velitelství výcviku&nbsp;&ndash; Vojenské akademie"
    title="Logo Velitelství výcviku&nbsp;&ndash; Vojenské akademie"
    longdesc="popis/vyznam-symbolu.html" />
  <a href="popis/vyznam-symbolu.html" title="Popis jednotlivých
    symbolů loga Logo Velitelství výcviku&nbsp;&ndash; Vojenské
    akademie">[popis]</a>
</p>

Atribut title

Vizuální prohlížeče zobrazí obsah tohoto atributu u kurzoru myši jako popisný text v okamžiku kdy uživatel přesune myš na daný element.

Použití:

  • popis obrázku
  • popis odkazu
  • kontextová nápověda
  • sdělení klávesové zkratky atd.

Atribut longdesc

Alternativní informace k obrázku, pokud nestačí atribut alt.

PřílohaVelikost
obrazek.zip20.58 KB