Elementtyp (HTML 5)

Semantisk html innebär att man ska använda rätt element för rätt innehåll. Dvs för en lista ska man använda sig av <ul>, <ol>, <li>, för rubriker så ska <h[1-6]> användas osv. HTML5 inkluderar en mängd nya semantiska taggar som:

• DIV - en del av ett dokument.
• HEADER - oftast den översta delen av hemsidan. Kan till exempel innehålla <h1>-<h6>, logotyp, sökfält med mera.
• FOOTER - nedersta delen på en hemsida och kan till exempel presentera vem som skrev innehållet, eventuell copyright, relaterade länkar osv.
• NAV - för navigationen på en sida, till exempel en meny.
• SECTION- exempelvis ett kapitel. En hemsida kan struktureras upp i olika sektioner så som nyheter, introduktion och kontaktinformation.
• ARTICLE - för till exempel kommentarer, bloggpost, forumpost och annan text och data som på något annat sätt kan användas utanför sidan, i till exempel en RSS-feed.
• ASIDE - används för att skilja delar av innehållet från det som är det viktiga. Till exempel kan <aside> användas för citatblock, reklam, navigation el dyl i en <article>.
• HGROUP - representerar en heading av en sektion. Elementet är till för att gruppera ett flertal <h1>-<h6> i en section. Användbart när det kan finnas flera nivåer av headings.
• TIME - för att presentera ett datum eller en tid.
• MARK- för att markera text för till exempel referenser.

Läs mer om html5:

http://www.w3schools.com/html5/html5_reference.asp Länk till annan webbplats, öppnas i nytt fönster.

http://www.vanseodesign.com/web-design/html5-semantic-elements/ Länk till annan webbplats, öppnas i nytt fönster.http://html5doctor.com/element-index/ Länk till annan webbplats, öppnas i nytt fönster.