HTML5-Seitenstruktur

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
  </head>
  <body>
    
    <header>
      <h1>H1-Überschrift</h1>
    </header>
    
    <nav>
      <ul>
        <li><a href="index.html">Seite 1</a></li>
        <li><a href="index.html">Seite 2</a></li>
        <li><a href="index.html">Seite 3</a></li>
      </ul>
    </nav>
    
    <main>
      
      <article>
        <h2>H2-Überschrift</h2>
        <section>
          <h3>H3-Überschrift</h3>
          <p>Text...</p>
        </section>
        <section>
          <h3>H3-Überschrift</h3>
          <p>Text...</p>
        </section>
      </article>
      <article>
        <h2>H2-Überschrift</h2>
        <section>
          <h3>H3-Überschrift</h3>
          <p>Text...</p>
        </section>
        <section>
          <h3>H3-Überschrift</h3>
          <p>Text...</p>
        </section>
      </article>
      
      <aside>
        <section>
          <h2>Kontakt</h2>
          <ul>
            <li><a href="link_1.html">Wiki</a></li>
            <li><a href="link_2.html">Blog</a></li>
            <li><a href="link_3.html">Forum</a></li>
          </ul>
        </section>
    
        <section>
        <h2>Weiterführende Links</h2>
        <ul>
          <li><a href="link_1.html">Wiki</a></li>
          <li><a href="link_2.html">Blog</a></li>
          <li><a href="link_3.html">Forum</a></li>
        </ul>
        </section>
      </aside>    
     
    </main>     
     
    <footer>
      Footer
    </footer> 
    
  </body>
</html>

Programmierer, Webentwickler, Technik-Freak ...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

nach oben