DIV Container & ungewollter Zeilenumbruch bearbeitet von Gunnar Bittersmann 03.09.2015 13:59 @@Blackpanther23 > Hier mal mein Code: > > ~~~html > <html> > ~~~ Zuallererst sollte `<!DOCTYPE html>`{: .language-html style="white-space: nowrap"} stehen, damit Browser im standardkonformen Modus und nicht im Quirkmodus rendern. Im `<html>`{: .language-html style="white-space: nowrap"}-Tag sollte die [Sprache angegeben](http://www.w3.org/International/questions/qa-html-language-declarations) werden. Bei deutschsprachigen Inhalt also: ~~~html <!DOCTYPE html> <html lang="de"> ~~~ > <head><title>Title</title> Im `head` sollte zunächst die verwendete [Zeichencodierung angegeben](http://www.w3.org/International/questions/qa-html-encoding-declarations) werden. ~~~html <meta name="viewport" content="width=device-width, initial-scale=1.0"/> ~~~ sollte auch nicht fehlen, damit die Seite auf Smartphones nicht verkleinert wird. > ~~~html > <div id="navigation"> > Text > </div> > <div id="content"> > Text2 > </div> > <div id="funfacts"> > Text3 > </div> > ~~~ Zu den verwendeten Elemente hat Matthias ja schon was gesagt. Hier wären wohl `<nav>`{: .language-html style="white-space: nowrap"}, `<main role="main">`{: .language-html style="white-space: nowrap"} und `<aside>`{: .language-html style="white-space: nowrap"} angebracht. LLAP 🖖 -- Ist diese Antwort _anstößig_? Dann könnte sie [_nützlich_](http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860) sein.
DIV Container & ungewollter Zeilenumbruch bearbeitet von Gunnar Bittersmann 03.09.2015 14:00 @@Blackpanther23 > Hier mal mein Code: > ~~~html > <html> > ~~~ Zuallererst sollte `<!DOCTYPE html>`{: .language-html style="white-space: nowrap"} stehen, damit Browser im standardkonformen Modus und nicht im Quirkmodus rendern. Im `<html>`{: .language-html style="white-space: nowrap"}-Tag sollte die [Sprache angegeben](http://www.w3.org/International/questions/qa-html-language-declarations) werden. Bei deutschsprachigen Inhalt also: ~~~html <!DOCTYPE html> <html lang="de"> ~~~ > <head><title>Title</title> Im `head` sollte zunächst die verwendete [Zeichencodierung angegeben](http://www.w3.org/International/questions/qa-html-encoding-declarations) werden. ~~~html <meta name="viewport" content="width=device-width, initial-scale=1.0"/> ~~~ sollte auch nicht fehlen, damit die Seite auf Smartphones nicht verkleinert wird. > ~~~html > <div id="navigation"> > Text > </div> > <div id="content"> > Text2 > </div> > <div id="funfacts"> > Text3 > </div> > ~~~ Zu den verwendeten Elemente hat Matthias ja schon was gesagt. Hier wären wohl `<nav>`{: .language-html style="white-space: nowrap"}, `<main role="main">`{: .language-html style="white-space: nowrap"} und `<aside>`{: .language-html style="white-space: nowrap"} angebracht. LLAP 🖖 -- Ist diese Antwort _anstößig_? Dann könnte sie [_nützlich_](http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860) sein.
nicht angemeldet
