Videre Med HTML
I denne artikel vil jeg forklare lidt dybere omkring HTML og omkring dokument opbygningen.
HTML Dokument Opbygningen
HTML er rent basalt bygget op af et hoved og en krop, disse har hver deres formål, man kan ligeledes kun have en af hver.
Da man til at starte med definerer hvilken type HTML dokument som man har skrevet, og lige efter begynder med et HMTL åbnings tag, hvorefter man definerer selve hovedet af dokumentet, når man så er færdig med hovedet, så definerer man kroppen eller det som folk skal se, den grundlæggende opbygning er vist her under.
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>I hovedet af dokumentet placerer vi tags som title, meta, style, link (stylesheet og favicon) og script (javascript til load inden siden bliver vist).
Bemærk at der er nogle javascript filer der skal loades i en bestemt rækkefølge (specifikt jQuery og TinyMCE), det samme gælder stylesheet filerne, i tilfælde af at der er noget der overskriver noget andet.
Dybere Omkring HTML
Der blevet introduceret en række tags, for at definere indhold til forskellige formål, eksempelvis header, nav, main, article, section og footer, jeg har lavet et eksempel på hvor disse skal være, eller burde være.
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<header>
<!-- Logo -->
</header>
<nav>
<!-- Menu eller samling af links -->
</nav>
<main>
<!-- Hoved artikel -->
<section>
<!-- Kapitel -->
</section>
<section>
<!-- Kapitel -->
</section>
</main>
<footer>
<!-- Legale info, skribent, kontakt og referencer -->
</footer>
<article>
<!-- Kommentar -->
</article>
<article>
<!-- Kommentar -->
</article>
<article>
<!-- Kommentar -->
</article>
</body>
</html>En lidt nærmere forklaring på de forskellige elementer.
<header> er et tag til logo og andre ting som er væsentlige inden for identifikation af sitet.
<nav> er et tag til en samling af links som gør det nemmere at navigere rundt på sitet.
<main> er et tag der indeholder hoved artiklen, dette kan være et blog indlæg eller den artikel som skal være hoved indholdet.
<footer> er et tag der indeholder skribent, copyright, kontakt eller lignende information.
<article> er et tag der indeholder sekundært indhold, som kan være kommentar til hoved artiklen eller indlæg i et forum.