kaxigt.com

Jag skriver om webben för webben

Vad är nytt i HTML5.1?

Postad: 18 april 2022 | HTML · html-guider | No Comments
Lästid: 2 minuter

HTML5 stödjer interaktiva och responsiva teknologier som skulle ha varit mycket svåra att uppnå när man använder antingen XHTML eller tidigare versioner av HTML. Med HTML5-specifikationer som nu anses vara ”fullständiga” har World Wide Web Consortium (W3C) – ett organ som standardiserade HTML5 och tidigare versioner av HTML – funderat på tillägg med nya funktioner för att göra utvecklingen av webbapplikationer ännu bättre.

Webbutvecklarsbranschen utvecklas väldigt fort. Därför har versionen HTML5.1 föreslagits för att göra utvecklingen av responsiva och interaktiva webbplatser snabbare. Utvecklingen av HTML5.1 förebådar framväxten av nya gränser för webbutvecklare för att förbättra videotextning, bättre formulär och stavningskontroll.

Nya funktioner i HTML5.1

Elementet <video> har förbättrats för att kunna fånga alla nödvändiga video- och ljudrelaterade data. Attributen src, autoplay, preload, mediagroup, loop och controls har inkorporerats i elementet för att fånga alla egenskaper hos videofilen som spelas upp i en webbläsare.

Vad som här har tillkommit är attributet ”poster”.

Den primära funktionen för attributet ”poster” är att tillhandahålla adressen till bildfilen som användaragenten kan visa om ingen videodata visas. Ifall attributet är tillgängligt måste det innehålla en giltig icke-tom URL som anger adressen till bildfilen för videofilen. Dessutom kan videoelementet i HTML5.1 representera textspår-köer där en textspår-kö kan ställas in aktivt medan spåret spelas.

Vad som mer har tillkommit är förbättrade möjligheter och användarupplevelser när du arbetar med webbformulär. Nya och snyggare formattribut har introducerats i HTML5.1.

  1. URL – anger en URL-inmatning.
  2. Tel – anger typ av inmatning av telefonnummer.
  3. Search – anger sökrutan på en webbsida.
  4. Disabled – När det används på ett formulär är innehållet nedtonat och webbläsaren hindrar webbanvändare från att fokusera på den inaktiverade formulärkontrollen.
  5. Multiple – har inkluderats för att tillåta att flera kontroller som att e-post och fil används samtidigt på ett formulär.

Med HTML5.1 behöver du inte längre CSS eller ens JavaScript-kod för att hantera bilder på responsiva webbplatser.

Som ett resultat av den här funktionen kommer du att dra nytta av den inbyggda optimerade bildladdningen om internetbandbredden är låg. HTML5.1 har introducerat följande angående bildtillgänglighet:

  1. Konstriktningsbaserat urval – Den här funktionen låter dig ange hur du vill att din bild ska ses. Du kan ladda en bild som är optimerad för specificerade skärmdimensioner i HTML5.1.
  2. Enhets-pixel-förhållande-baserat val – Det enhet-pixel-förhållande baserade valet låter dig ange om du vill se bilden på en hög DPI-skärm eller inte.
  3. Bildformatbaserat urval – Om webbläsaren inte kan stödja ytterligare bildfiltyper som, kommer det bildformatbaserade valet att ge bättre och förbättrad prestanda för mindre filstorlekar.
%d bloggare gillar detta: