@@woodfighter > ~~~html > <div> > <span>Hamburg</span> > <span>09. April 2016</span> > <span>Old School RNB &amp; Hip hop</span> > <span>Reeperbahn club Hamburg</span> > </div> > ~~~ > > div und span als Platzhalteer für vermutlich existierende besser passende Elemente. Fürs Datum das `time`-Element: `<time datetime="2016-04-09">09. April 2016</time>`{: .language-html}, ansonsten OK. Sematisch ginge so: ~~~html <div vocab="http://schema.org/" typeof="Event"> <span>Hamburg</span> <time property="startDate" datetime="2016-04-09">09. April 2016</time> <span property="name">Old School RNB &amp; Hip hop</span> <span property="location">Reeperbahn Club Hamburg</span> </div> ~~~ Gestylt per Attributselektoren: ~~~css [typeof="Event"] > * { display:block; text-transform: uppercase; background-color:black} [typeof="Event"] > :nth-child(odd) {color: white;} [typeof="Event"] > :nth-child(even) {color: brown;} [typeof="Event"] > [property="startDate"] {font-size:2em;} ~~~ **Ergänzung:** Wayne’s interessiert: Die Auszeichnung einer Veranstaltung mit RDFa/Schema.org habe ich anhand Hamlets im klingonischen Original erklärt: [Video](https://www.youtube.com/watch?v=ocfeaFFxoNc), [Folien](https://speakerdeck.com/gunnarbittersmann/nuqjatlh-what-does-it-mean-front-trends-2015). LLAP 🖖 -- „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“ „Hat auf dem Forum herumgelungert …“ (Wachen in Asterix 36: Der Papyrus des Cäsar)

@@woodfighter > ~~~html > <div> > <span>Hamburg</span> > <span>09. April 2016</span> > <span>Old School RNB &amp; Hip hop</span> > <span>Reeperbahn club Hamburg</span> > </div> > ~~~ > > div und span als Platzhalteer für vermutlich existierende besser passende Elemente. Fürs Datum das `time`-Element: `<time datetime="2016-04-09">09. April 2016</time>`{: .language-html}, ansonsten OK. Sematisch ginge so: ~~~html <div vocab="http://schema.org/" typeof="Event"> <span>Hamburg</span> <time property="startDate" datetime="2016-04-09">09. April 2016</time> <span property="name">Old School RNB &amp; Hip hop</span> <span property="location">Reeperbahn Club Hamburg</span> </div> ~~~ Gestylt per Attributselektoren: ~~~css [typeof="Event"] > * { display:block; text-transform: uppercase; background-color:black} [typeof="Event"] > :nth-child(odd) {color: white;} [typeof="Event"] > :nth-child(even) {color: brown;} [typeof="Event"] > [property="startDate"] {font-size:2em;} ~~~ **Ergänzung:** Wayne’s interessiert: Die Auszeichnung einer Veranstaltung habe ich anhand Hamlets im klingonischen Original erklärt: [Video](https://www.youtube.com/watch?v=ocfeaFFxoNc), [Folien](https://speakerdeck.com/gunnarbittersmann/nuqjatlh-what-does-it-mean-front-trends-2015). LLAP 🖖 -- „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“ „Hat auf dem Forum herumgelungert …“ (Wachen in Asterix 36: Der Papyrus des Cäsar)

@@woodfighter > ~~~html > <div> > <span>Hamburg</span> > <span>09. April 2016</span> > <span>Old School RNB &amp; Hip hop</span> > <span>Reeperbahn club Hamburg</span> > </div> > ~~~ > > div und span als Platzhalteer für vermutlich existierende besser passende Elemente. Fürs Datum das `time`-Element: `<time datetime="2016-04-09">09. April 2016</time>`{: .language-html}, ansonsten OK. Sematisch ginge so: ~~~html <div vocab="http://schema.org/" typeof="Event"> <span>Hamburg</span> <time property="startDate" datetime="2016-04-09">09. April 2016</time> <span property="location">Reeperbahn Club Hamburg</span> </div> ~~~ Gestylt per Attributselektoren: ~~~css [typeof="Event"] > * { display:block; text-transform: uppercase; background-color:black} [typeof="Event"] > :nth-child(odd) {color: white;} [typeof="Event"] > :nth-child(even) {color: brown;} [typeof="Event"] > [property="startDate"] {font-size:2em;} ~~~ **Ergänzung:** Wayne’s interessiert: Die Auszeichnung einer Veranstaltung habe ich anhand Hamlets im klingonischen Original erklärt: [Video](https://www.youtube.com/watch?v=ocfeaFFxoNc), [Folien](https://speakerdeck.com/gunnarbittersmann/nuqjatlh-what-does-it-mean-front-trends-2015). LLAP 🖖 -- „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“ „Hat auf dem Forum herumgelungert …“ (Wachen in Asterix 36: Der Papyrus des Cäsar)

@@woodfighter > ~~~html > <div> > <span>Hamburg</span> > <span>09. April 2016</span> > <span>Old School RNB &amp; Hip hop</span> > <span>Reeperbahn club Hamburg</span> > </div> > ~~~ > > div und span als Platzhalteer für vermutlich existierende besser passende Elemente. Fürs Datum das `time`-Element: `<time datetime="2016-04-09">09. April 2016</time>`{: .language-html}, ansonsten OK. Sematisch ginge so: ~~~html <div vocab="http://schema.org/" typeof="Event"> <span>Hamburg</span> <time property="startDate" datetime="2016-04-09">09. April 2016</time> <span property="location">Reeperbahn Club Hamburg</span> </div> ~~~ Gestylt per Attributselektoren: ~~~css [typeof="Event"] > * { display:block; text-transform: uppercase; background-color:black} [typeof="Event"] > :nth-child(odd) {color: white;} [typeof="Event"] > :nth-child(even) {color: brown;} [typeof="Event"] > [property="startDate"] {font-size:2em;} ~~~ LLAP 🖖 -- „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“ „Hat auf dem Forum herumgelungert …“ (Wachen in Asterix 36: Der Papyrus des Cäsar)