Wat is een HTML-animatie?

In de HyperText Markup Language (HTML) is een HTML-animatie elk item dat op een webpagina lijkt te bewegen of te veranderen, meestal zonder gebruikersinvoer. Dit kan van alles zijn, van een stuiterende bal tot een reeks letters die aan en uit knipperen als een neonreclame. De werkelijke HTML-standaard en cascading style sheets (CSS) hebben niet echt intrinsieke animatietags of -functies, hoewel ze voldoende toegang bieden tot de renderinggedeelten van een webbrowser zodat animatie kan worden uitgevoerd door de renderingeigenschappen van een element te wijzigen. Vaker worden geanimeerde afbeeldingsbestandsformaten, externe programmeertalen of links naar streaming mediabronnen gebruikt, vooral in het geval van complexe of lange animaties.

Een eenvoudige manier om een ​​HTML-animatie te maken, is door een speciale bestandsindeling te gebruiken voor afbeeldingen die bekend staan ​​als een grafisch afbeeldingsbestand (GIF). In deze bestandsindeling kunnen meerdere afbeeldingen in een bestand worden opgeslagen, samen met andere informatie die door een webbrowser wordt geïnterpreteerd en als een animatievolgorde wordt weergegeven. Een GIF-bestand heeft het voordeel dat het geen speciale plug-ins of software vereist en is relatief klein van formaat. Sommige beperkingen omvatten echter een bepaald aantal kleuren in de afbeeldingen en zijn enigszins inefficiënt voor grotere HTML-animatiesequenties.

Een andere populaire manier om een ​​HTML-animatie te maken is door het gebruik van een afzonderlijk ontwikkelde bibliotheek van functies - hetzij via CSS of een andere programmeertaal - die worden aangeroepen vanuit de HTML-code van de website. Dit heeft het voordeel dat het een goede hoeveelheid flexibiliteit en animatie-opties biedt. Complicaties kunnen optreden als een bepaalde webbrowser scripting heeft uitgeschakeld, geen ondersteuning voor de bibliotheek heeft - zoals het geval kan zijn met een handheld-apparaat - of een laag verwerkingsvermogen heeft, omdat animatiebibliotheken op een systeem erg belastend kunnen zijn.

Voor HTML-animatie die complex of zeer lang is, is een veelgebruikte methode om de voltooide animatie in een afzonderlijk programma te construeren en die animatie vervolgens op te nemen als een type mediabestand. In een HTML-document wordt het mediabestand ingesloten als een element waarin de animatie automatisch voor de gebruiker wordt afgespeeld. Dit kan de last van de processor van de computer verlichten en kan zeer geheugenefficiënt zijn. Omgekeerd kan een HTML-animatie voor streaming media een grote hoeveelheid bandbreedte in beslag nemen en wordt deze mogelijk niet correct weergegeven als de snelheid van een internetverbinding te traag is.