Chris1996: HTML5 <article> / <section> und <time>

Hallo,

was ist, wenn ich ganz oben zwei <article> habe? Ist dieses erlaubt und wann nimmt man eigentlich <article> bzw. <section>

Ich habe es so verstanden, wenn es etwas wichtiges ist, dann wird <article>genommen, wenn etwas nicht ganz so wichtig ist, dann nimmt man <section>, habe ich dieses richtig verstanden?

Und beim ersten Artikel habe ich bei „vom“ das <time> genommen ,ist dieses sinnvoll oder kann man darauf verzichten?

Zum Schluss habe ich noch eine Frage, auf sehr viele Seiten sehe ich dieses „role="main"“ was bedeutet dieses, bzw. wann und wo sollte man das role nehmen?

Mein HTML5 Seite

  
<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>HTML5 Test Seite</title>  
</head>  
  
<body>  
  
    <header>  
    	<nav id="sitenav">  
        	<h2>Sitenavigation</h2>  
            <ul>  
            	<li><a href="#">Startseite</a></li>  
            	<li><a href="#">Aktuelle Bilder</a></li>  
            	<li><a href="#">Archiv</a></li>  
            </ul>  
        </nav>  
    </header>  
  
    <main>  
    	<article>  
            <h2>Hier kommt der erste Titel rein</h2>  
            <p>vom <time datetime="2014-05-09">09. Mai 2014</time></p>  
            <p>In meinen heutigen Bilder möchte ich euch etwas über Köln zeigen.</p>  
        </article>  
  
        <aside>  
            <section>  
                <h3>Kontakt</h3>  
                <p>Schreiben Sie mir wenn Sie interesse an diesem Bild haben</p>  
            </section>  
  
            <section>  
                <h3>Bild Infos</h3>  
                <p>Hier kommen diverse Bild Informationen rein</p>  
            </section>  
        </aside>  
    </main>  
  
    <footer>  
        <p>Hier kommt das Impressum und ein kleiner Text für Google und Co. rein</p>  
    </footer>  
  
</body>  
</html>  

  1. was ist, wenn ich ganz oben zwei <article> habe? Ist dieses erlaubt und wann nimmt man
    eigentlich <article> bzw. <section>

    Wenn du zwei von einander unabhängige, in sich geschlossene Artikel hast, kein Problem!
    Im Blog gab es einen guten Artikel dazu:
    http://blog.selfhtml.org/c/html/html5-serie/

    Ich habe es so verstanden, wenn es etwas wichtiges ist, dann wird <article> genommen, wenn
    etwas nicht ganz so wichtig ist, dann nimmt man <section>, habe ich dieses richtig verstanden?

    Ich GLAUBE eher, wenn es ein eigener, in sich geschlossener Text ist, nimmt man <article>,
    bzw. wenn es nur ein Segment, Abschnitt oder Teil der Seite ist nimmt man <section>.

    Zum Schluss habe ich noch eine Frage, auf sehr viele Seiten sehe ich dieses „role="main"“
    Was bedeutet dieses, bzw. wann und wo sollte man das role nehmen?

    role="main" ist für die Barrierefreiheit wichtig:
    http://wiki.selfhtml.org/wiki/HTML/Seitenstrukturierung/main
    http://www.peterkroener.de/ein-neues-element-fuer-html5-main/

    Meine HTML5 Seite ...

    ... sieht logisch und übersichtlich aus!

    LG Matthias

  2. Hallo,

    Und beim ersten Artikel habe ich bei „vom“ das <time> genommen ,ist dieses sinnvoll oder kann man darauf verzichten?

    Das <time> Element war mir bis dato gar nicht bekannt. Dazu habe ich eine Frage jetzt: Bei der Ausgabe "© 1977 - 1980", schreibt man da jetzt im Quelltext <time>1977</time> bis <time>1980</time> oder ist <time>1977 - 1980</time> auch korrekt?

    Mit lieben Grüßen

    Melvin Cowznofski

    --

    Melvin Cowznofski
    What – me worry?
    1. Om nah hoo pez nyeetz, Melvin Cowznofski!

      Das <time> Element war mir bis dato gar nicht bekannt. Dazu habe ich eine Frage jetzt: Bei der Ausgabe "© 1977 - 1980", schreibt man da jetzt im Quelltext <time>1977</time> bis <time>1980</time> oder ist <time>1977 - 1980</time> auch korrekt?

      Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time

      Variante 2 ist nicht valid (http://www.w3.org/TR/2012/WD-html5-20121025/common-microsyntaxes.html#durations)

      Matthias

      --
      Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Kant und Kantate.

      1. Hallo Matthias,

        danke für Deine Antwort!

        Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time

        Wegen der Syntax Jahr-Jahr, oder weil ich so "alte" Jahreszahlen als Beispiel genommen habe?

        Variante 2 ist nicht valid (http://www.w3.org/TR/2012/WD-html5-20121025/common-microsyntaxes.html#durations)

        Das verstehe ich.

        Mit lieben Grüßen

        Melvin Cowznofski

        --

        Melvin Cowznofski
        What – me worry?
        1. Om nah hoo pez nyeetz, Melvin Cowznofski!

          Ich würde in dem Fall gar kein time-Element verwenden: http://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/time

          Wegen der Syntax Jahr-Jahr, oder weil ich so "alte" Jahreszahlen als Beispiel genommen habe?

          Wegen der von mir interpretierten Semantik. Ich denke, es ist keine konkrete Zeitangabe, also sowas wie der letzte Winter im bereits verlinkten Wiki-Artikel.

          Matthias

          --
          Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Fries und Friese.

          1. Hallo Matthias,

            Alles klar, dann danke für die Info!

            Mit lieben Grüßen

            Melvin Cowznofski

            --

            Melvin Cowznofski
            What – me worry?
          2. @@Matthias Apsel:

            nuqneH

            Wegen der von mir interpretierten Semantik.

            Deine Interpretation deckt sich nicht mit der Spec.

            Ich denke, es ist keine konkrete Zeitangabe

            Doch, das ist es. <time>2011</time> ist explizit in der Spec erwähnt.

            Qapla'

            --
            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
            1. Om nah hoo pez nyeetz, Gunnar Bittersmann!

              Wegen der von mir interpretierten Semantik.
              Deine Interpretation deckt sich nicht mit der Spec.

              Semantik liegt oft im Auge des Betrachters.

              Ich denke, es ist keine konkrete Zeitangabe
              Doch, das ist es. <time>2011</time> ist explizit in der Spec erwähnt.

              Man muss ja nun nicht jede Zeitangabe in ein time-Element stecken. Und ich habe geschrieben, dass ich das in dem konkreten Fall nicht machen würde, nicht dass es falsch sei. Der konkrete Fall war

              <footer><p>© 1998-2014 SELFHTML</p></footer>  
              
              

              Das ist meiner Meinung nach etwas anderes als

              <p>Napoleon lebte von <time>1769</time> bis <time>1821</time>.</p>  
              
              

              Matthias

              --
              Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Wunde und Wunderhorn.