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

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.

051dbe29a972707cde167602b38c9778?s=128

Gunnar Bittersmann

February 02, 2017
Tweet

Transcript

  1.  

  2. nuqjatlh cha’DIch

  3. hä?

  4. What does it mean, too?

  5. Sekunde mal, wat soll’n dit heißen?

  6. None
  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
  10. None
  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
  34. None
  35. None
  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,

  40. None
  41. None
  42. None
  43. None
  44. 