Miksi HTML-kuvan alt-teksti ei näy hoverissa

Toisin kuin Microsoft Internet Explorer -selain, Mozilla Firefox, Google Chrome ja muut selaimet eivät näytä Alt-attribuutissa käytettyä tekstiä, kun kuva siirtyy kuvan päälle. Alt-teksti on suunniteltu näyttämään sivulla, kun kuva ei lataudu, kun taas otsikkoteksti on suunniteltu näyttämään ilmapallotekstin ladattaville kuville. Firefox, Chrome ja muut selaimet (paitsi Internet Explorer) noudattavat W3C: n HTML-standardeja, joissa todetaan, että kuvassa pitäisi olla otsikon määrite ilmapallotekstille. Tästä syystä nämä selaimet eivät näytä alt-tekstiä kuvan yläpuolella.

Jos haluat ilmapallotekstin näkyvän, kun hiiri siirtyy kuvan päälle, lisää "otsikko" img HTML-tunnisteeseen alla olevan esimerkkikoodin mukaisesti.

Kuva, jossa on vain alt- määrite.

(Ei näytä ilmapallotekstiä.)

Kuva, jossa on sekä alt- että otsikkomääritteet .

(Näyttää ilmapallon tekstin hiirellä.)

Jos käytät Mozilla Firefoxia tai Google Chromea, ensimmäisessä esimerkissä ei ole ilmapallotekstiä, jossa koodissa on vain alt-määrite. Otsikon määritteen lisääminen, kuten toisessa esimerkissä nähdään, näyttää kuitenkin ilmapallotekstin, kun hiiri siirtyy kuvan päälle.