{"id":257332,"date":"2023-01-03T13:57:00","date_gmt":"2023-01-03T10:57:00","guid":{"rendered":"https:\/\/inform.click\/grunner-for-deg-til-a-bytte-til-html5-og-eksempler-som-fremmer-det\/"},"modified":"2023-01-03T13:57:00","modified_gmt":"2023-01-03T10:57:00","slug":"grunner-for-deg-til-a-bytte-til-html5-og-eksempler-som-fremmer-det","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/grunner-for-deg-til-a-bytte-til-html5-og-eksempler-som-fremmer-det\/","title":{"rendered":"Grunner for deg til \u00e5 bytte til HTML5, og eksempler som fremmer det"},"content":{"rendered":"

\n HTML5 er en virtuos strek av innovasjon, og er virkelig en teknologi som har brakt nytt blod til sjangeren nettstedutvikling. Enten du vil at nettstedet ditt skal skryte av formskiftende funksjoner eller du \u00f8nsker at det skal fremvise en overveldende vakker visuell appell, gj\u00f8r HTML5 jobben for deg, og p\u00e5 en mest formidabel m\u00e5te.\n<\/p>\n

\n Selv om denne plattformen gjorde sitt inntog i nettutviklingsomr\u00e5det for en stund siden, er det ingen mangel p\u00e5 webansvarlige som ikke har den p\u00e5 listen over «topp 3 foretrukne verkt\u00f8y» n\u00e5r det gjelder \u00e5 bygge et nettsted. Og en stor del av disse nettredakt\u00f8rene bruker allerede andre plattformer for nettsiden deres, og g\u00e5r dermed p\u00e5 akkord med en rekke funksjoner som HTML5 kunne ha integrert nettsidene deres.\n<\/p>\n

\n 1 Det gir frie t\u00f8yler til de kreative sjelene
\n<\/h5>\n

\n Innovasjon er kjennetegnet til de st\u00f8rste designere og utviklere, og n\u00e5r det kommer et verkt\u00f8y som lar dem ut\u00f8ve sin kreativitet uten grenser, m\u00e5 det godkjennes. HTML5 passer perfekt, og p\u00e5 den beste m\u00e5ten. Som et webutviklingsrammeverk er HTML5 supertilpassbar, og lar designere fagfolk uttrykke seg. S\u00e5 n\u00e5r det er p\u00e5 agendaen \u00e5 v\u00e6re foran kurven, er HTML5-vognen der for \u00e5 fange.\n<\/p>\n

\n 2 Den mye forbedrede videost\u00f8tten er der for \u00e5 ta
\n<\/h5>\n

\n Videost\u00f8tten har blitt kraftig forbedret med den nye HTML5-innebygde videoen for nettleserne. Siden ikke alle nettlesere st\u00f8tter forskjellige formater som H.264, m\u00e5 du bruke f\u00f8lgende n\u00e5r du \u00f8nsker \u00e5 vise en HTML5-video:\n<\/p>\n

<video controls=\"\" preload=\"\"><code>     <source src=\"cohagenPhoneCall.ogv\" type=\"video\/ogg; codecs='vorbis, theora'\" \/><\/code>          \n
\n  Your browser does not support the format. Download this format.<\/a>\n<\/p><\/video><\/code><\/pre>\n
\n  3 Den lar deg lage nettsteder «for mobil», i stedet for \u00e5 tvinge deg til \u00e5 lage flere versjoner
\n<\/h5>\n
\n  Logg inn p\u00e5 nettstedets analyser, skrape litt i overflaten og observer OS-plattformene du f\u00e5r de fleste bes\u00f8kene dine fra. Du vil bli overrasket over \u00e5 se at flertallet av bes\u00f8kene dine kommer fra mobilbrukere, i motsetning til tallene som eksisterte for et \u00e5r siden, da du sannsynligvis hadde flere stasjon\u00e6re brukere p\u00e5 nettstedet ditt. Derfor er det mye mer \u00e5 anbefale \u00e5 lage et nettsted for mobil enn \u00e5 lage et skrivebordsentrisk nettsted og deretter lage en mobilvennlig versjon av det samme. Og HTML5 gj\u00f8r det til en sv\u00e6rt effektiv \u00f8velse \u00e5 lage nettsteder som er laget for mobil, som beholder sin okul\u00e6re appell n\u00e5r de \u00e5pnes p\u00e5 mindre skjermer og tilpasser seg den reduserte st\u00f8rrelsen uten \u00e5 kaste kompatibilitet eller responsproblemer p\u00e5 deg.\n<\/p>\n
\n  4 kronglete XHTML doctype gj\u00f8r vei for en enklere, mindre tungvint versjon
\n<\/h5>\n
\n  For \u00e5 si det uten tvil, XHTML doctype har ikke blitt sett lidenskapelig p\u00e5 av utviklernes fellesskap. Og grunnen til det samme er mer enn tydelig med hvordan det er skrevet som:\n<\/p>\n
nbsp;   \"http:\/\/www.xyz.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/code><\/pre>\n
\n  HTML5 har gjort erkl\u00e6ringen mye kortere og mer forst\u00e5elig for utviklerne:\n<\/p>\n
\n  5 attributter kan oppdages mer intuitivt
\n<\/h5>\n
\n  F\u00f8rst og fremst b\u00f8r attributtene du bruker i programmet s\u00f8ml\u00f8st kunne avgj\u00f8re om de blir oppdaget p\u00e5 riktig m\u00e5te av nettleserne. HTML5 gir disse attributtene midler til \u00e5 gj\u00f8re akkurat det. Med Modernizr viser biblioteket seg \u00e5 v\u00e6re et ressurssterkt verkt\u00f8y, men det er andre m\u00e5ter som \u00e5 lage elementene f\u00f8r de dissekeres. P\u00e5 denne m\u00e5ten vil det v\u00e6re enkelt \u00e5 evaluere nettleserkapasiteten.\n<\/p>\n
\n  6 Det har sitt sett med rettelser for IE
\n<\/h5>\n
\n  Ah vel, Internet Explorer blir sett p\u00e5 ganske lidenskapelig av Internett-fellesskapet over hele verden, og av grunner som er sv\u00e6rt berettigede. Som forventet har IE sine egne problemer med \u00e5 h\u00e5ndtere de nye elementene som HTML 5 fyller inn. Derfor er det viktig \u00e5 style disse elementene p\u00e5 en m\u00e5te slik at de blir mer forst\u00e5elige for denne nettleseren for \u00e5 gi strukturen til m\u00e5ten HTML5-elementene p\u00e5. er justert som blokkniv\u00e5elementer:\n<\/p>\n
header, footer, article, section, nav, menu {\n   display: block;\n}<\/code><\/pre>\n
\n  N\u00e5 er det alle muligheter for at Internet Explorer vil fortsette \u00e5 v\u00e6re en smerte, da den kanskje ikke er ordentlig kjent med overskriftselementet. S\u00e5 stylingen i HTML5 st\u00e5r i fare for \u00e5 bli \u00e5penbart ignorert. N\u00e5r det er sagt, er det en enkel l\u00f8sning for det samme:\n<\/p>\n
document.createElement(\"article\");\ndocument.createElement(\"footer\");\ndocument.createElement(\"header\");\ndocument.createElement(\"nav\");\ndocument.createElement(\"menu\");<\/code><\/pre>\n
\n  7 Geolokalisering
\n<\/h5>\n
\n  Geolokalisering er unektelig fangstfunksjonen til HTML5. Det den gj\u00f8r er at den kaster etter deg de matematiske verdiene som representerer koordinatene til brukerens plassering. Disse plasseringskoordinatene beregnes ved hjelp av nettleseren som den bes\u00f8kende bruker for \u00e5 f\u00e5 tilgang til nettstedet.\n<\/p>\n
\n  8-kode som er rotfri og mye mer forst\u00e5elig
\n<\/h5>\n
\n  Det anbefales alltid \u00e5 skrive programmer som er rene, enkle \u00e5 forst\u00e5 og skrevet p\u00e5 en m\u00e5te som er mest gjenbrukbar. HTML5 gj\u00f8r alt dette mulig, og mer ved \u00e5 legge til rette for en kode som er sv\u00e6rt synkron, semantisk og gir deg friheten til \u00e5 trekke en linje mellom stil og innhold slik at de lett kan forst\u00e5s. En standard overskriftskode med navigasjon ser slik ut:\n<\/p>\n
\n  \u00a0<\/code><\/p>\n
\n    Header Text<\/code>
\n  <\/h1>\n
\u00a0<\/code><\/p>\n
\n    \u00a0\u00a0<\/code><\/p>\n
    \n         <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
      \n    <\/ul>\n
    \u00a0<\/code>\n  <\/div>\n<\/div>\n
    \n  Selv om du kanskje hevder at koden er enkel nok, men la oss se hva HTML5 kan gj\u00f8re med den:<\/code>\n<\/p>\n
    \n  \u00a0<\/code><\/p>\n
    \n    Header Text<\/code>
    \n  <\/h1>\n
    \u00a0<\/code><\/p>\n