Mikä on HTML -animaatio?

HyperText -merkintäkielellä (HTML) HTML -animaatio on mikä tahansa kohde, joka näyttää liikkuvan tai muuttuvan verkkosivulla, yleensä ilman käyttäjän syöttöä. Tämä voi olla mitä tahansa pomppivasta pallosta kirjaimiin, jotka vilkkuvat ja sammuvat kuin neonkyltti. Varsinaisissa HTML -standardeissa ja CSS -tyylitaulukoissa (CSS) ei todellakaan ole luontaisia ​​animaatiotunnisteita tai -toimintoja, vaikka ne tarjoavat riittävän pääsyn verkkoselaimen renderointiosiin, jotta animaatio voidaan suorittaa muuttamalla elementin renderointiominaisuuksia. Useimmiten käytetään animoituja kuvatiedostomuotoja, ulkoisia ohjelmointikieliä tai linkkejä streaming -medialähteisiin, erityisesti monimutkaisten tai pitkien animaatioiden tapauksessa.

Yksi helppo tapa luoda HTML -animaatio on käyttää erityistä tiedostomuotoa grafiikalle, joka tunnetaan graafisena kuvatiedostona (GIF). Tämä tiedostomuoto mahdollistaa useiden kuvien tallentamisen tiedostoon yhdessä joidenkin muiden tietojen kanssa, jotka verkkoselain tulkitsee ja näyttävät animaatiosekvenssinä. GIF-tiedoston etuna on se, että se ei vaadi erityisiä laajennuksia tai ohjelmistoja, ja se on kooltaan suhteellisen pieni. Jotkin rajoitukset sisältävät kuitenkin tietyn määrän värejä kuvissa ja ovat hieman tehottomia suuremmille HTML -animaatiosarjoille.

Toinen suosittu tapa luoda HTML -animaatio on käyttää erikseen kehitettyä toiminnallista kirjastoa – joko CSS: n tai muun ohjelmointikielen kautta – jotka kutsutaan sivuston HTML -koodista. Tämän etuna on se, että se tarjoaa paljon joustavuutta ja animaatiovaihtoehtoja. Komplikaatioita voi ilmetä, jos tietyssä verkkoselaimessa komentosarja on poistettu käytöstä, se ei tue kirjastoa – kuten kämmenlaitteen tapauksessa – tai sillä on alhainen prosessointiteho, koska animaatiokirjastot voivat verottaa järjestelmää.

Jos HTML -animaatio on monimutkainen tai erittäin pitkä, yleinen tapa on rakentaa valmis animaatio erilliseen ohjelmaan ja tallentaa animaatio mediatiedostotyypiksi. HTML -asiakirjassa mediatiedosto upotetaan elementiksi, jossa animaatio toistetaan automaattisesti käyttäjälle. Tämä voi auttaa lievittämään osan tietokoneen prosessorin taakasta ja voi olla erittäin muistitehokas. Sitä vastoin streaming -median HTML -animaatio voi viedä suuren kaistanleveyden eikä ehkä näy oikein, jos Internet -yhteyden nopeus on liian hidas.