Jetzt zufrieden?

[Gunnar Bittersmann]

@@Meowsalot

<time>

Ich würde da 2 time-Elemente verwenden, nicht 3. Jeweils eins für Start- und Endzeit:

<time datetime="2018-09-06T18:00+02:00">6. September von 18:00</time> bis <time datetime="2018-09-06T21:00+02:00">21:00</time>

Das kann man dann auch mit Schema.org semantisch auszeichnen:

<article vocab="http://schema.org/" typeof="Event">
	<header>
		<h2 property="name">Pre-Sale Event</h2>
		<p><time property="startDate" datetime="2018-09-06T18:00+02:00">6. September von 18:00</time> bis <time property="endDate" datetime="2018-09-06T21:00+02:00">21:00</time></p>
	</header>
	<div property="description">
		<p>Wir laden euch herzlich zu einem exklusiven Pre-Shopping Event ein. Exklusiv wird die erste Taschen Kollektion des Newcomer Labels Craft Hunter präsentiert.</p>
		<p>In Zusammenarbeit mit kolumbianischen Craftsman & Craftswoman entstehen aussergewöhnliche farbenfrohe Taschen in traditioneller Handarbeit.</p>
	</div>
</article>

(Die Schreibfehler hab ich so gelassen.)

Ein Browser(-Plugin) könnte dann anbieten, das Event auf einen Click in den persönlichen Kalender zu übernehmen.

Marc wies schon aufs Video hin – Folien zum Vortrag gibt’s auch.

LLAP 🖖