html 5 nav tag

[devilseye]

Hi an alle

ich bin daran mich eingehend mit html 5 & css 3 zu beschäftigen.
nun bin ich allerdings schon auf etwas gestossen was ich nicht
ganz verstehe. Ich war eigentlich der Meinung dass das Nav-Tag
ein Block-Element sei, allerdings musste ich ihm zuerst ein
display:block; geben um es zu formatieren.
Kann mir das jemand erklären?

LG devilseye

 

[mermshaus]

Ja. Browser haben den noch nicht implementiert und haben deshalb kein Standard-CSS für den Tag vorgegeben.

Du könntest ein Reset Stylesheet nutzen, das unter anderem diese Sache behebt.

- HTML5 Reset Stylesheet | HTML5 Doctor

Für den Internet Explorer brauchst du dazu noch einen JavaScript-Hack:

- HTML5 enabling script

Gute Ressource dazu:

- What Does It All Mean? - Dive Into HTML5

 

[devilseye]

oke das html 5 noch nicht komplett in die browser intgriert ist war mir klar
dass heisst also das wenn dies geschehen ist ich dem nav kein display zuweisen
muss? wenn ich das richtig verstanden habe

 

[mermshaus]

Genau. Browser rendern unbekannte Tags als display: inline;, sofern nicht anders angegeben.

Der IE beachtet dazu nur CSS für Tags, die er beim Rendern im Objekt-Modell hat (oder so in der Richtung). Deshalb müssen dort per JavaScript die neuen Tags in dieses Modell eingefügt werden, damit die Stylesheet-Regeln auch dort greifen.

 

[devilseye]

ah okey dann werde ich dass mal auf den ff opera und chrome zurechtschneidern
chrome ist in punkto html5 und css3 schon sehr weit