Verwirrung über Vielfalt der Vorschläge bearbeitet von Matthias Apsel 07.03.2021 13:11 Hallo Autorin: Hanni P., > Moin, > ich möchte mich ein wenig in HTML/CSS einarbeiten. Herzlich willkommen. > `<body><h1>....</h1></body> ` Das kannst du nehmen. > `<body><p>....</h1></p></body>`{: .bad} Das ist kaputt. > ~~~ html, bad > 3. > <body> > <div id="container"> > <h1 id="kopfbereich"></h1> > <div id="hauptnavi"> > </div><!-- /#hauptnavi → > <div id="mittelbereich"> > <div id="inhalt"> > </div><!-- /#inhalt → > <div id="sidebar"> > </div><!-- /#sidebar → > <div class="clearer"><!-- hebt später die floats auf --></div> > </div><!-- /#mittelbereich → > <div id="footer"> > </div><!-- /#footer → > </div><!-- /#container → > </body> > > ~~~ Das ist veraltet. Das solltest du unter keinen Umständen verwenden. > 4. > > ~~~ > <body> > <7header> > </header> > <nav> > </nav> > <section> > </section> > <body> > > ~~~ Das könnte gut sein. Hängt natürlich von deinen Inhalten ab. > 5. > > ~~~ > <body> > <header> > ........ > </header> > <nav> > ........ > </nav> > <main> > <article> > ........ > </article> > <aside> > ........ > </aside> > </main> > </body> > ~~~ s. o. > 6. > > ~~~ html, bad > <body> > > <div class="topnav"> > <a class="active" href="#home">Home</a> > <a href="#news">News</a> > <a href="#contact">Contact</a> > <a href="#about">About</a> > </div> > > <div style="padding-left:16px"> > <h2>Top Navigation Example</h2> > <p>Some content..</p> > </div> > > </body> > ~~~ > (https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_topnav) Das nimm mal lieber nicht. Für die div-Elemente gibt es besser geeignete. > 7. > > ~~~ > <body> > <header> > <nav>..navigation menu links here…</nav> > </header> > <article> > <section>…</section> > <section>…</section> > <section>…</section> > </article> > <aside>…</aside> > <footer>…</footer> > </body> > > ~~~ Das geht wieder. > Gibt es eine Stelle, die festlegt, was in main an Strukturelementen erlaubt ist und in welcher Reihenfolge? Ich schlage vor, du schaust in unser Tutorial, was du ja schon gefunden hast. Deine Frage nach den erlaubten Inhalten in main wird in <https://wiki.selfhtml.org/wiki/HTML/Elemente/main> beantwortet. Bis demnächst Matthias -- Du kannst das Projekt SELFHTML unterstützen, indem du bei Amazon-Einkäufen [Amazon smile](https://smile.amazon.de/ch/314-570-45498) ([Was ist das?](https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970])) nutzt.
Verwirrung über Vielfalt der Vorschläge bearbeitet von Matthias Apsel 07.03.2021 13:12 Hallo Autorin: Hanni P., > Moin, > ich möchte mich ein wenig in HTML/CSS einarbeiten. Herzlich willkommen. > `<body><h1>....</h1></body> ` Das kannst du nehmen. > `<body><p>....</h1></p></body>`{: .bad} Das ist kaputt. > ~~~ bad > 3. > <body> > <div id="container"> > <h1 id="kopfbereich"></h1> > <div id="hauptnavi"> > </div><!-- /#hauptnavi → > <div id="mittelbereich"> > <div id="inhalt"> > </div><!-- /#inhalt → > <div id="sidebar"> > </div><!-- /#sidebar → > <div class="clearer"><!-- hebt später die floats auf --></div> > </div><!-- /#mittelbereich → > <div id="footer"> > </div><!-- /#footer → > </div><!-- /#container → > </body> > > ~~~ Das ist veraltet. Das solltest du unter keinen Umständen verwenden. > 4. > > ~~~ > <body> > <7header> > </header> > <nav> > </nav> > <section> > </section> > <body> > > ~~~ Das könnte gut sein. Hängt natürlich von deinen Inhalten ab. > 5. > > ~~~ > <body> > <header> > ........ > </header> > <nav> > ........ > </nav> > <main> > <article> > ........ > </article> > <aside> > ........ > </aside> > </main> > </body> > ~~~ s. o. > 6. > > ~~~ bad > <body> > > <div class="topnav"> > <a class="active" href="#home">Home</a> > <a href="#news">News</a> > <a href="#contact">Contact</a> > <a href="#about">About</a> > </div> > > <div style="padding-left:16px"> > <h2>Top Navigation Example</h2> > <p>Some content..</p> > </div> > > </body> > ~~~ > (https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_topnav) Das nimm mal lieber nicht. Für die div-Elemente gibt es besser geeignete. > 7. > > ~~~ > <body> > <header> > <nav>..navigation menu links here…</nav> > </header> > <article> > <section>…</section> > <section>…</section> > <section>…</section> > </article> > <aside>…</aside> > <footer>…</footer> > </body> > > ~~~ Das geht wieder. > Gibt es eine Stelle, die festlegt, was in main an Strukturelementen erlaubt ist und in welcher Reihenfolge? Ich schlage vor, du schaust in unser Tutorial, was du ja schon gefunden hast. Deine Frage nach den erlaubten Inhalten in main wird in <https://wiki.selfhtml.org/wiki/HTML/Elemente/main> beantwortet. Bis demnächst Matthias -- Du kannst das Projekt SELFHTML unterstützen, indem du bei Amazon-Einkäufen [Amazon smile](https://smile.amazon.de/ch/314-570-45498) ([Was ist das?](https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970])) nutzt.
nicht angemeldet
