HTML 5

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

G P

G P

17/10/2012 14:12:23
Quote Anchor link
Ik ben volop bezig met HTML5 en CSS3, het is gewoonweg fantastisch! :)

Heb wel 1 vraag hierover...
De nieuwe elementen <header>, <nav>, <footer> enz... hebben die een meerwaarde?
Wat is het verschil tussen:
<h1>Websitetitel</h1>
<h2>Mijn slogan van de website</h2>

en:
<header>
<h1>Websitetitel</h1>
<h2>Mijn slogan van de website</h2>
</header>
 
PHP hulp

PHP hulp

21/12/2024 13:45:26
 
Bas IJzelendoorn

Bas IJzelendoorn

17/10/2012 14:26:27
Quote Anchor link
<h1> etc, zijn bedoeld als titels in je content.

header, nav, footer geeft structuur in je lay-out. Door die structuur is het voor bijvoorbeeld een zoekmachine beter jou om jou pagina te kunnen indexeren.

Google eens op "Semantische HTML code"
Gewijzigd op 17/10/2012 14:27:11 door Bas IJzelendoorn
 
Ozzie PHP

Ozzie PHP

17/10/2012 14:27:49
Quote Anchor link
<h1> en <h2> zijn headers voor de INHOUD van de pagina en NIET bedoeld voor de websitetitel.

In <header> plaats je je header dingen, zoals een logo, een slogan, het menu, misschien nog een afbeelding en misschien (bij een webshop) een winkelmandje.

Onder de header begint eigenlijk pas de daadwerkelijke pagina. De titel van die pagina zet je in een <h1> en subtitels / paragraafkopjes daar gebruik je een h2 voor.

Voor de beeldvorming.. plaatje gevonden op Google:

Afbeelding
 
Kris Peeters

Kris Peeters

17/10/2012 14:33:44
Quote Anchor link
Bas IJzelendoorn op 17/10/2012 14:26:27:
Google eens op "Semantische HTML code"


Bv. Deze tutorial
http://www.phphulp.nl/php/tutorial/scripting-ajax-html-css/html-in-2012/767/

Daar staat ook een link naar naar een video. Zeker bekijken, als je tijd hebt.
 
G P

G P

17/10/2012 15:23:59
Quote Anchor link
Bedankt voor de reacties, ik heb natuurlijk wel meer informatie gekregen dan gevraagd maar ook daarvoor vele dank. :)
 
Wouter J

Wouter J

17/10/2012 15:50:35
Quote Anchor link
De meerwaarde? Je voegt een semantische waarde toe en dat is heel belangrijk. Kijk ook eens naar dit artikel: http://html5doctor.com/outlines/
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.