Matthias Apsel: Webseite mit HTML und CSS umsetzten

Beitrag lesen

Hallo Evan,

Jetzt geht es an die Navigation, den Content sowie den rechten Bereich. Da habe ich an folgendes gedacht:

<main>
  <nav>
    <ul>

   </ul>
 </nav>
</main>

<aside>
  <nav>
    <ul>
      <li>Merkzettel</li>
      <li>Warenkorb</li>
    </ul>
 </nav>
</aside>

Beachte, dass die Wahl der Elemente nach dem Inhalt richtet, nicht nach Lage oder Darstellung.

main ist das Element für den Hauptinhalt. Die Navigation zählt sicher nicht dazu. Nicht jede Navigation muss auch automatisch in ein nav-Element (developer.mozilla.org). Das aside-Element hingegen enthält Inhalte, die nur indirekt mit dem Hauptinhalt im Zusammenhang stehen. Ob ein Warenkorb und ein Merkzettel nur indirekt mit dem Shop im Zusammenhang stehen? - Kommt auf die Argumentation an.

Bis demnächst
Matthias

--
Das Geheimnis des Könnens liegt im Wollen. (Giuseppe Mazzini)
0 130

Webseite mit HTML und CSS umsetzten

Evan
  • css
  • html
  • meinung
  1. 0
    da-vid
  2. 0
    MrMurphy1
    1. 0
      Evan
      1. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              Evan
              1. 0
                Christian Kruse
                1. 0
                  Evan
      2. 0
        MrMurphy1
        1. 0
          Evan
          1. 0
            Der Martin
            1. 0
              Evan
              1. 0
                marctrix
              2. 0
                Matthias Apsel
                1. 0
                  Evan
                  1. 2
                    Julius
        2. 0
          marctrix
          1. 0
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              • html
              1. 0
                marctrix
                1. 0
                  MrMurphy1
                  1. 0
                    marctrix
            2. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        • html
        1. 0
          Evan
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
    2. 0
      marctrix
      1. 0
        Evan
        1. 0
          JürgenB
          1. 0
            Evan
          2. 0
            marctrix
            1. 0
              Camping_RIDER
              1. 1
                marctrix
        2. 0
          marctrix
      2. 0
        MrMurphy1
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        1. 0
          marctrix
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
        2. 0
          Evan
          1. 2
            Tabellenkalk
  3. 0
    Gunnar Bittersmann
    • design/layout
    • ux
    1. 0
      Evan
      1. 0
        Gunnar Bittersmann
  4. 0

    Seiten-Element gestaltet

    Evan
    1. 0
      Matthias Apsel
      1. 0
        Camping_RIDER
        1. 0
          Gunnar Bittersmann
          1. 0
            Camping_RIDER
            1. 0
              Auge
              • menschelei
    2. 0
      Auge
    3. 0
      MrMurphy1
      1. 0
        MrMurphy1
        1. 0
          Gunnar Bittersmann
          • html
          • rdf
          • semantik
        2. 1
          Tabellenkalk
          1. 0
            Gunnar Bittersmann
            • typografie
            1. 0
              Tabellenkalk
        3. 0
          Evan
          1. 0
            Evan
            1. 0
              Auge
              • css
              • html
          2. 0
            MrMurphy1
            1. 0
              Evan
              1. 0
                MrMurphy1
                1. 0
                  Evan
                  1. 0
                    Tabellenkalk
                    1. 0
                      Evan
                      1. 0
                        Tabellenkalk
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            • typografie
                            1. 0
                              Evan
                              1. 2
                                Gunnar Bittersmann
                                • meinung
                                1. 0
                                  Evan
                            2. 0
                              Tabellenkalk
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Tabellenkalk
                                  1. 0
                                    Der Martin
                                    1. 0
                                      Tabellenkalk
            2. 0
              Gunnar Bittersmann
              • css
              • svg
              1. 0
                Evan
                1. 0
                  Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
    4. 0
      MudGuard
      1. 0
        Evan
    5. 0

      Seiten-Element gestaltet - Problem mit Border Radius

      Evan
      1. 0
        Tabellenkalk
        1. 0

          Seiten-Element gestaltet - Fertige Box

          Evan
          1. 0

            Seiten-Element gestaltet - Border Länge

            Evan
            1. 0
              Auge
              • css
              • html
              1. 0
                Evan
                1. 0

                  Seiten-Element gestaltet - Border Länge - Erledigt

                  Evan
                  1. 1
                    MrMurphy1
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Evan
                              1. 1
                                Gunnar Bittersmann
                                1. 0
                                  Der Martin
                                  1. 0
                                    Auge
                                  2. 0
                                    Gunnar Bittersmann
                                    • mobile
                          2. 0
                            marctrix
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                  2. 0
                    Gunnar Bittersmann
                    • css
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
              2. 0
                Matthias Apsel
  5. 0

    Danke für die Hilfe

    Evan
    1. 0
      MrMurphy1
      1. -1
        Evan
        1. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
          2. 0
            Evan
            1. 0
              Gunnar Bittersmann
              • meinung
      2. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              JürgenB
              1. 0
                Camping_RIDER
                1. 0
                  JürgenB
                2. 0
                  Gunnar Bittersmann
                  • menschelei
                  1. 0
                    Camping_RIDER
                    1. 0
                      Tabellenkalk