NemProgrammering.dk logo
3 måneders gratis webhotel til alle NemProgrammering.dk brugere! Få din UnoEuro Rabatkode her
UnoEuro rabatkode

HTML5 semantik og struktur tags

WordPress hjemmeside hjælp

Information om denne video

Underviser: Joakim Børlum Petersen, www.Snowhat.dk

I denne video giver vi en introduktion til den nye semantik i HTML5. Vi fortæller hvordan du kan bruge de nye struktur tags til at forbedre læseligheden af dine sider i forhold til søgemaskiner og andre programmører. Vi giver igennem videoen et eksempel på, hvordan en side kan blive sat op med disse nye tags. Desværre er der så mange nye tiltag inden for semantikken i HTML5 at vi ikke kan nå alle tags, og derfor opfordrer vi dig til selv at kigge nærmere på resten.

Herunder finder du koderne der bliver lavet i videoen - Kopier dem gerne!

Video tags:

Denne video relaterer til emner såsom: HTML5 kursus, HTML5 guide, Gratis HTML5 undervisning, HTML5 video tutorials på dansk, semantik i html5, struktur tags.

Her har du kildekoden

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

</head>

<body>

   <header>

      <h1>Velkommen til vores seje side!</h1>

      <nav>

         <ul>

             <li>Besøg mig!</li>

             <li>Også mig!</li>

         </ul>

      </nav>

   </header>

   <article>

   </article>

   <section>

   </section>

   <footer>

       <small>Side af Joakim Børlum</small>

   </footer> 

</body>

</html>
        

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar ved tasterne.

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    06-07-2015

Hej Benny, Har du prøvet at spole lidt i videoen? Du skulle gerne bedre kunne se bedre der, da der zoomes ind og teksten der skrives med er hvid. Man benytter ofte sort braggrund når man udvikler fordi, det er ikke så hårdt for øjnene og det sparer strøm. Mvh


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Benny Nielsen    06-07-2015

Hej Har lige set alle html videoer og gået videre til html5,men i videoen er baggrunden sort hvor der skrives,så jeg kan faktisk intet se. Hvorfor ?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Mick    01-06-2015

Nu skla jeg ikke smide en kommentar, til alle videoerne, kan også se, at de har nogle år på bagen. Men igen, en lækker og overskuelig video, rigtig god lyd og fornuftigt skærm opløsningen :-) Jeg bruger Netbeans og kan også fint bruge html5. Jeg går dog over til noget andet lige om lidt, da netbeans driller lidt i Mac.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Benjamin    21-02-2013

kan man bruge alle de koder du bruger i netbeans?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Joakim    27-10-2012

Nej, du kan sagtens skrive HTML5 i netbeans. Jeg synes bare at netbeans er alt for bøvlet, tungt og træls at arbejde med :)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
jimmi    27-10-2012

Hej. Er det fordi det er så nyt at der ikke findes programmer som netbeans som man kan skrive html5 i ? vh jimmi


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Joakim    22-07-2012

Bruger Sublime Text 2. Hvis man synes at Vim er lige avanceret nok, men gerne vil have en masse udvidelses muligheder, så er det virkelig anbefalelsesværdigt. Den bedste editor jeg har haft fingrene i, og jeg har snart været rundt omkring dem alle :)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Fister    22-07-2012

Genial serie! Men vilket program koder du i? - det ser nemlig ret fancy ud! :-)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
scootergrisen    29-06-2012

Jeg kan bare huske engang hvor jeg prøvede at tegn som æøå blev vist forkert når title var før charset. Lige siden har jeg sat charset før title. Jeg prøvede om jeg kunne genskabe problemet men det kunne jeg ikke. Før tænkte jeg også sådan at title skulle øverst men det virker jo også logisk nok at man skal fortælle hvad encoding filen er gemt i før man overhovedet skriver nogen tegn andet end tags.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Joakim Børlum Petersen    29-06-2012

Det er i langt de fleste tilfælde irrelevant hvad der kommer først - og det er ikke kun i HTML5. Og så virker det bare semantisk bedst at have titlen først i head, og ikke gemt væk længere nede. /Joakim


kommentar på NemProgrammering.dk - lav din egen hjemmeside
ThomasI    29-06-2012

Hej Scootergrisen! Det er helt sikkert en god ting at smide titel ind efter meta chartset, så er man ihverfald på den sikre side! Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
scootergrisen    29-06-2012

Fin video. Du skulle bare have zoomet ind så teksten var noget større. Jeg skriver meta chartset før title fordi så gælder det også for title hvis der er tegn som æøå. Ved dog ikke om det har betydning i HTML 5.