Es ist noch ein weiter Weg hin zum Semantic Web, so wie das W3C es sich vorstellt. Kleine Schritte gehen können wir heute mit Mikroformaten, RDFa und den erweiterten Möglichkeiten von (X)HTML 5. Dieser Vortrag auf der webinale 09 zeigt praktische Beispiele und den Nutzen der Anwendung dieser Techniken und wagt einen Blick in die nahe Zukunft.
4. <h1>Dokumente</h1> <p>» Das ist ein wichtiges Dokument«, sagen wir gern zu Verträgen, Geschäftsbriefen, Zeugnissen oder beglaubigten Schriftstücken. Wir alle kennen den Begriff »Word-Dokument«, Webentwickler sprechen von »HTML-Dokumenten«. Aber was sind Dokumente eigentlich?</p>
12. »Das Semantische Web ist eine Erweiterung des herkömmlichen Webs, in der Informationen mit eindeutigen Bedeutungen versehen werden, um die Arbeit zwischen Mensch und Maschine zu erleichtern.« Tim Berners-Lee
13. Formale Sprache zur Beschreibung von Eigenschaften beliebiger Daten in einer Form, die sowohl Menschen als auch Maschinen lesen und verstehen können.
14. Das Buch mit der ISBN 3-8273-2739-3 hat den Titel »Einführung in XHTML, CSS und Webdesign«.
15. Das Buch mit der ISBN 3-8273-2739-3 hat den Titel »Einführung in XHTML, CSS und Webdesign«. sprachlich formal Subjekt Das Buch mit der ISBN 3-8273-2739-3 urn:isbn:3-8273-2739-3 Prädikat hat den Titel http://purl.org/dc/elements/1.1/title Objekt Einführung in XHTML, CSS und Webdesign Einführung in XHTML, CSS und Webdesign
16. Das Buch mit der ISBN 3-8273-2739-3 hat den Titel »Einführung in XHTML, CSS und Webdesign«. sprachlich formal Subjekt Das Buch mit der ISBN 3-8273-2739-3 urn:isbn:3-8273-2739-3 Prädikat hat den Titel http://purl.org/dc/elements/1.1/title Objekt Einführung in XHTML, CSS und Webdesign Einführung in XHTML, CSS und Webdesign
17. Das Buch mit der ISBN 3-8273-2739-3 hat den Titel »Einführung in XHTML, CSS und Webdesign«. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" > <rdf:Description rdf:about="urn:isbn:3-8273-2739-3"> <dc:title>Einführung in XHTML, CSS und Webdesign</dc:title> </rdf:Description> </rdf:RDF>
25. RDFa Subjekt Prädikat Objekt Zeichenkette als Objekt @about @property @content (oder bestehende Zeichenkette URI als Objekt @about @rel @rev @resource @href @src
26. RDFa <span xmlns:dc="http://purl.org/dc/elements/1.1/" about="urn:isbn:3-8273-2739-3" property="dc:title" content="Einführung in XHTML, CSS und Webdesign" /> Subjekt Prädikat Objekt Zeichenkette als Objekt @about @property @content (oder bestehende Zeichenkette URI als Objekt @about @rel @rev @resource @href @src
27. RDFa <span xmlns:dc="http://purl.org/dc/elements/1.1/" about="urn:isbn:3-8273-2739-3" property="dc:title" >Einführung in XHTML, CSS und Webdesign</span> Subjekt Prädikat Objekt Zeichenkette als Objekt @about @property @content (oder bestehende Zeichenkette URI als Objekt @about @rel @rev @resource @href @src
28. Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren.
29. Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren. <p>Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren.</p>
30. Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren. sprachlich formal Subjekt Johann Wolfgang von Goethe http://dbpedia.org/page/Johann_Wolfgang_von_Goethe Prädikat wurde geboren am http://dbpedia.org/property/dateOfBirth Objekt 28. August 1749 1749-08-28
31. Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren. sprachlich formal Subjekt Johann Wolfgang von Goethe http://dbpedia.org/page/Johann_Wolfgang_von_Goethe Prädikat wurde geboren am http://dbpedia.org/property/dateOfBirth Objekt 28. August 1749 1749-08-28 sprachlich formal Subjekt Johann Wolfgang von Goethe http://dbpedia.org/page/Johann_Wolfgang_von_Goethe Prädikat wurde geboren in http://dbpedia.org/property/birthPlace Objekt Frankfurt am Main http://dbpedia.org/page/Frankfurt_am_Main
32. Johann Wolfgang von Goethe wurde am 28. August 1749 in Frankfurt am Main geboren. <p about="http://dbpedia.org/page/Johann_Wolfgang_von_Goethe" xmlns:dbp="http://dbpedia.org/property/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" > Johann Wolfgang von Goethe wurde am <span property="dbp:dateOfBirth" datatype="xsd:date" content="1749-08-28"> 28. August 1749 </span> in <span rel="dbp:birthPlace" resource="http://dbpedia.org/page/Frankfurt_am_Main"> Frankfurt am Main </span> geboren. </p>
49. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
50. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
53. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
54. Elementunterschriften: Das Element figure <div class="illustration"> <img src="/images/opera95.png" alt="" width="400" height="300" /> <span class="caption">Opera 9.5</span> </div> <figure> <img src="/images/opera95.png" alt="" width="400" height="300" /> <legend> Opera 9.5 </legend> </figure>
56. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
57. Dialoge: Das Element dialog <dialog> <dt>Einige Handwerksbursche:</dt> <dd>Warum denn dort hinaus?</dd> <dt>Andre:</dt> <dd>Wir gehn hinaus aufs Jägerhaus.</dd> <dt>Die Ersten:</dt> <dd>Wir aber wollen nach der Mühle wandern.</dd> <dt>Ein Handwerksbursch:</dt> <dd>Ich rat euch, nach dem Wasserhof zu gehn.</dd> </dialog>
58. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
59. Angabe eines begrenzten Maß: Das Element meter <meter min="0" max="10">7</meter> <meter>70%</meter> <meter min="0" max="10" value="7" title="Sterne"></meter>
60.
61. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
62. Fortschrittsbalken: Das Element progress <section> <h2>Task Progress</h2> <p>Progress: <progress> <span id="p">0</span>% </progress> </p> <script> var progressBar = document.getElementById('p'); function updateProgress(newValue) { progressBar.textContent = newValue; } </script> </section>
63. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
64. Markierung: Das Element mark <p>Am Ende der markierten Deklaration fehlt das Semikolon:</p> <pre><code>mark { color: black; <mark> background-color: yellow </mark> font-weight: bold; }</code></pre>
65.
66. Neue Elemente article aside audio bb canvas command datagrid datalist details dialog embed figure footer header keygen mark meter nav output progress rp rt ruby section time video
67. Datums- und Zeitangaben: Das Element time <p>Der <time datetime="2009-05-10"> Muttertag </time> ist ein Feiertag zu Ehren der Mutter und der Mutterschaft.</p> <p>Die Veranstaltung beginnt um <time> 18:30 </time> Uhr.</p>
68. Erweitertes a -Element <a href="http://www.itemis.de/20405"> <h2>Was macht Eclipse attraktiv für den Embedded-Markt?</h2> <p>Was bietet Eclipse, wie schafft man durchgängige Werkzeugketten auf Basis der offenen Tool-Technologie und warum wurde itemis als Top Arbeitgeber 2009 ausgezeichnet?</p> <p>itemis-Vorstand Wolfgang Neuhaus im Gespräch.</p> </a>
85. Beispiel <span>Einführung in XHTML, CSS und Webdesign</span> <span item="urn:isbn:3-8273-2739-3" itemprob="http://purl.org/dc/elements/1.1/title" >Einführung in XHTML, CSS und Webdesign</span>
86. Veranstaltung <div> <h3> <a href="http://createordie.de/webinale/session/?seid=10215"> Websemantik: Die nächsten Schritte</a> </h3> <p class="meta"> <time datetime="2009-05-26">26. Mai 2009</time>, <span>Berliner Congress Center, Berlin</span> </p> </div>
87. Veranstaltung (Microdata) <div item="vevent" > <h3 itemprop="summary" > <a href="http://createordie.de/webinale/session/?seid=10215" itemprop="url" >Websemantik: Die nächsten Schritte</a> </h3> <p class="meta"> <time itemprop="dtstart" datetime="2009-05-26">26. Mai 2009</time>, <span itemprop="location" >Berliner Congress Center, Berlin</span> </p> </div>