Gunnar Bittersmann: Suchfeld in Navi Leiste

Beitrag lesen

@@Jessica:

nuqneH

<header>

<nav>
    <ul> … </ul>
  </nav>
  <input type="search" name="search"/>
</header>


>   
> wenn ich das so anwende du wie oben geschrieben hast, dann bekomme ich das <input> aber nicht schön in meine Leiste gepackt  
  
Doch, bekommst du. Die Leiste ist dann aber das header-Element, nicht das nav-Element.  
  
  

> > [Wozu](http://community.de.selfhtml.org/zitatesammlung/zitat1287) soll `<div id = "wrapper">`{:.language-html} gut sein?  
>   
> damit möchte ich meiner Seite einen Breite geben und dass diese immer schön in der Mitte ist.  
  
Du hast das Zitat in der Sammlung gelesen und verstanden? Mit html und body stehen bereits zwei Containerelemente zur Verfügung. Ja, auch die kann man stylen. [Beispiel](http://bittersmann.de/samples/jeans/).  
  
  

> > Anstatt `<div id = "content">`{:.language-html} solltest du `<[link:http://www.w3.org/TR/html5/grouping-content.html#the-main-element@title=main] role="main">`{:.language-html} verwenden.  
>   
> Hmm wenn ich das mache, dann sagt mir aber Aptana dass das ein Fehler ist und wird als Rot markiert. Und warum main rolle="main"? ist das was neues?  
  
Ja, das main-Element ist recht neu in HTML5. Und da es noch so neu ist, ist es gegenwärtig noch empfehlenswert, seine ARIA-Rolle (für Nutzer assistierender Technologien wie Screenreader) explizit anzugeben.  
  
Hilf deiner IDE auf die Sprünge, gültiges HTML nicht als fehlerhaftes zu markieren.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)