nuqjatlh, cha’DIch (What does it mean, too? / Sekunde mal, wat soll’n dit heißen?)

Unter „semantischem Markup“ verstehen viele, die jeweils passenden HTML-Elemente einzusetzen. Diese beschreiben aber die Struktur, nicht den Inhalt einer Webseite.
Damit „verstehen“ Maschinen (bspw. Suchmaschinen) noch nicht, worum es auf der Seite geht. Dem kann man mit microformats, microdata, RDFa, Schema.org nachhelfen. Davon profitieren nicht nur Suchmaschinen; es werden auch andere Anwendungen gezeigt, die den Nutzern zugute kommen.
Achtung: Der Vortrag kann Spuren von klingonischen Flüchen enthalten.

Transcript

1.  
2. nuqjatlh cha’DIch
3. hä?
4. What does it mean, too?
5. Sekunde mal, wat soll’n dit heißen?
7. Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. —Bruce Springsteen, Adelaide, Australia, 30 January 2017 AMERICAN LAND Written by Bruce Springsteen
8. Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. —Bruce Springsteen, Adelaide, Australia, 30 January 2017 AMERICAN LAND Written by Bruce Springsteen The McNicholas, the Posalskis, the Smiths, Zerillis, too The Blacks, the Irish, Italians, the Germans and the Jews Come across the water a thousand miles from home With nothing in their bellies but the fire down below They died building the railroads worked to bones and skin They died in the fields and factories names scattered in the wind They died to get here a hundred years ago they’re still dying now The hands that built the country we’re always trying to keep out
9. <main> <h1> </h1> <footer> </footer> <aside> <blockquote> <footer><cite> </cite></footer> </blockquote> </aside> <div> <br/> <p> <br/> <br/> </p> <p> <br/> <br/> <br/> </p> </div> </main> Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. —Bruce Springsteen, Adelaide, Australia, 30 January 2017 American Land Written by Bruce Springsteen The McNicholas, the Posalskis, the Smiths, Zerillis, too The Blacks, the Irish, Italians, the Germans and the Jews Come across the water a thousand miles from home With nothing in their bellies but the fire down below They died building the railroads worked to bones and skin They died in the fields and factories names scattered in the wind They died to get here a hundred years ago they’re still dying now The hands that built the country we’re always trying to keep out
11. subject predicate object Resource Description Framework
12. <> type Song subject predicate object
13. http://example.org/songs/american-land http://example.org/ns/type http://example.org/ns/Song subject predicate object
14. http://example.org/songs/american-land http://example.org/ns/name "American Land" subject predicate object
15. http://example.org/songs/american-land http://example.org/ns/author http://example.org/people/bruce subject predicate object
16. http://example.org/people/bruce http://example.org/ns/name "Bruce Springsteen" subject predicate object
17. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:ns="http://example.org/ns/" > <rdf:Description rdf:about="http://example.org/songs/american-land"> <ns:type> <ns:Song/> </ns:type> <ns:name>American Land</ns:name> <ns:author> <ns:Person> <ns:name>Bruce Springsteen</ns:name> </ns:Person> </ns:author> </rdf:Description> </rdf:RDF> XML
18. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:ns="http://example.org/ns/" > <rdf:Description rdf:about="http://example.org/songs/american-land"> <ns:type> <ns:Song/> </ns:type> <ns:name>American Land</ns:name> <ns:author> <ns:Person ns:name="Bruce Springsteen“/> </ns:author> </rdf:Description> </rdf:RDF> XML
19. { "@context": "http://example.org/ns", "type": "Song", "name": "American Land“, "author": { "type": "Person", "name": "Bruce Springsteen" } } JSON-LD
20. http://example.org/songs/american-land http://example.org/ns/type http://example.org/ns/Song subject predicate object readable.
21. http://example.org/songs/american-land http://example.org/ns/type http://example.org/ns/Song subject predicate object understandable?
22. http://example.org/songs/american-land http://schema.org/type http://schema.org/CreativeWork subject predicate object understandable.
23. <main> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer> RDFa
24. <main typeof="http://schema.org/CreativeWork"> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer> RDFa
25. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by Bruce Springsteen</footer> RDFa
26. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by <span> Bruce Springsteen </span> </footer> RDFa
27. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by <span property="http://schema.org/author"> Bruce Springsteen </span> </footer> RDFa
28. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by <span property="http://schema.org/author"> <span typeof="http://schema.org/Person"> <span property="http://schema.org/name"> Bruce Springsteen </span> </span> </span> RDFa
29. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by <span property="http://schema.org/author" typeof="http://schema.org/Person"> <span property="http://schema.org/name"> Bruce Springsteen </span> </span> RDFa
30. <main typeof="http://schema.org/CreativeWork"> <h1 property="http://schema.org/name">American Land</h1> <footer>Written by <span property="http://schema.org/author" typeof="http://schema.org/Person"> <span property="http://schema.org/name"> Bruce Springsteen </span> </span> <html vocab="http://schema.org" lang="en">
31. <main typeof="CreativeWork"> <h1 property="name">American Land</h1> <footer>Written by <span property="author" typeof="Person"> <span property="name"> Bruce Springsteen </span> </span> <html vocab="http://schema.org" lang="en">
32. <main typeof="CreativeWork"> <h1 property="name">American Land</h1> <footer>Written by <span property="author" typeof="Person"> <span property="name">Bruce Springsteen</span> </span> </footer> <html vocab="http://schema.org" lang="en">
33. <main itemscope itemtype="http://schema.org/CreativeWork"> <h1 itemprop="name">American Land</h1> <footer>Written by <span itemprop="author" itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Bruce Springsteen</span> </span> </footer> Microdata
36. OUT OF YOUR BEANS COFFEE GRINDERS 98 € PICK Peugeot Coffee grinder 76 € PICK Kalita Coffee grinder 54 € PICK Heyde Coffee grinder
37. <html id="page-products" vocab="http://schema.org/"> <ul class="product-list"> <li typeof="Product"> <img property="image" src="…" alt="…"/> <span property="name">…</span> <span property="brand">…</span> <span property="model">…</span> </span> <span property="description">…</span> <span property="offers" typeof="Offer"> <span class="price">…</span> <link property="availability" href="http://schema.org/InStock"/> </span> <button>Pick me!</button> </li> ộ </ul>
38. #page-products { ộ .product-list { ộ li { … } [property="image"] { … } [property="brand"] { … } [property="model"] { … } [property="description"] { … } [property="price"] { … } button { … } } }
39. no classes! Look ma,
44. 