{"id":137,"date":"2009-02-05T23:05:26","date_gmt":"2009-02-05T22:05:26","guid":{"rendered":"http:\/\/www.eimoe.com\/?p=137"},"modified":"2009-02-05T23:05:26","modified_gmt":"2009-02-05T22:05:26","slug":"nye-elementer-i-html-5","status":"publish","type":"post","link":"https:\/\/eigil.me\/blog\/web\/nye-elementer-i-html-5","title":{"rendered":"Nye elementer i HTML5"},"content":{"rendered":"<h2>HTML5 introduserer helt nye elementer til HTML for f\u00f8rste gang siden forrige \u00e5rtusen. Hvordan kan strukturen til en helt enkel webside se ut i HTML5? La oss ta en titt.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" title=\"html\" src=\"https:\/\/eigil.me\/blog\/arkiv\/2009\/02\/html.jpg\" alt=\"html\" width=\"321\" height=\"200\" \/>N\u00e5r <a title=\"World Wide Web Consortium (W3C)\" rel=\"external\" href=\"https:\/\/www.w3.org\/\">W3C<\/a> stoppet utviklingen av HTML4 i 1999, startet de \u00e5 fokusere p\u00e5 anbefalte standarder for underliggende syntaks av HTML. Eksempelvis XML, SGML, SVG, XForms, MathML og mer til. Uansett, etter hvert som weben vokste startet web designere \u00e5 ta til takke med den HTMLen de hadde og fokuserte utviklingen av applikasjoner ved hjelp av CSS, JavaScript osv. p\u00e5 toppen av den allerede gitte rammen.<\/p>\n<h3>HTML5 vil gi en bedre struktur<\/h3>\n<p>Selv om majoriteten av websider der ute allerede har en d\u00e5rlig utforming av kode, kan sider med pent utformet kode v\u00e6re enklere \u00e5 behandle enn hva de er i dag. Dette pga. HTML4 sin mangel p\u00e5 struktur. Alle typer niv\u00e5er m\u00e5 analyseres, for \u00e5 forst\u00e5 hva som egentlig er selve hovedinnholdet, header og forskjellig slags navigering. Med helt nye elementer i HTML 5, kan disse spesifikt identifiseres.<\/p>\n<p>En typisk webside i dag, innholder masse &laquo;div-tags&raquo; med id-er og klasser. Strukturert i HTML5, kan en utskrift av koden vise direkte semantiske elementer \u00e5 v\u00e6re s\u00e5 enkelt som dette her:<br \/>\n<img loading=\"lazy\" decoding=\"async\" title=\"html5-struktur\" src=\"https:\/\/eigil.me\/blog\/arkiv\/2009\/02\/html5-struktur.gif\" alt=\"html5-struktur\" width=\"285\" height=\"486\" \/><br \/>\nN\u00e5 har vi en god struktur og vi trenger ingen &laquo;div-tags&raquo; for \u00e5 bli gjenkjent i css-filene. Den vil forst\u00e5 hva som er hva og det kan ogs\u00e5 vi som leser koden.<\/p>\n<p>Som <a href=\"\/web\/html5\/\">tidligere nevnt om HTML5<\/a>, er det helt umulig \u00e5 si n\u00e5r disse er implementert i nettlesere og n\u00e5r vi kan trygt kan starte \u00e5 benytte disse.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 introduserer helt nye elementer til HTML for f\u00f8rste gang siden forrige \u00e5rtusen. Hvordan kan strukturen til en helt enkel webside se ut i HTML5? La oss ta en titt. N\u00e5r W3C stoppet utviklingen av HTML4 i 1999, startet de \u00e5 fokusere p\u00e5 anbefalte standarder for underliggende syntaks av HTML. Eksempelvis XML, SGML, SVG, XForms, MathML og mer til. Uansett, etter hvert som weben vokste startet web designere \u00e5 ta til takke med den HTMLen de hadde og fokuserte utviklingen av applikasjoner ved hjelp av CSS, JavaScript osv. p\u00e5 toppen av den allerede gitte rammen. HTML5 vil gi en bedre struktur Selv om majoriteten av websider der ute allerede har en d\u00e5rlig utforming av kode, kan sider med pent utformet kode v\u00e6re enklere \u00e5 behandle enn hva de er i dag. Dette pga. HTML4 sin mangel p\u00e5 struktur. Alle typer niv\u00e5er m\u00e5 analyseres, for \u00e5 forst\u00e5 hva som egentlig er&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[62,63,178],"class_list":["post-137","post","type-post","status-publish","format-standard","hentry","category-web","tag-html","tag-html5","tag-web"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":0,"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"wp:attachment":[{"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eigil.me\/blog\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}