echonet academy

Semantisches Web

von Sindre Wimberger

www.sindre.at/praesentation/semantisches-web

Lizenz: Creative Commons *Attribution 2.5 License*
http://creativecommons.org/licenses/by/2.5/deed.de

Die 3 Ebenen des Web

Inhalt - HTML

dt. Hypertext-Auszeichnungssprache

Semantisches Web

Das Netz wurde als Informationsraum mit dem Ziel entworfen, dass es nicht nur für Kommunikation zwischen Menschen nützlich sein sollte, sondern auch dazu Maschinen daran teilhaben zu lassen.
Sir Tim Berners-Lee, 1998

Semantischer Quellcode

Semantik

in der Linguistik die Lehre von Sinn und Bedeutung

Elemente (Tags) im HTML haben bestimmte Bedeutung

<h1>...</h1> Überschrift 1 Ordnung

<p>...</p> Absatz

Finde den Fehler - Teil 1

Überschriften sind schön

mehr noch viel schöner

Und richtige Absätze ... das Beste.

Überschriften sind schön
mehr noch viel schöner
Und richtige Absätze ... das Beste.

Auflösung - Teil 1

<h3>Überschriften sind schön</h3>
<h4>mehr noch viel schöner</h4>
<p>Und <strong>richtige</strong> <em>Absätze</em> ... das Beste.</p>
<div>Überschriften sind schön</div>
<div>mehr noch viel schöner</div>
<div>Und <span>richtige</span> <span>Absätze</span> ... das Beste.</div>

Finde den Fehler - Teil 2

Auflösung - Teil 2

<ul class="testmenu">
<li><a href="#">Wer?</a></li>
<li><a href="#">Was?</a></li>
<li><a href="#">Wo?</a></li>
<li><a href="#">Wann?</a></li>
<li><a href="#">Wie?</a></li>
<li><a href="#">Warum?</a></li>
</ul>
<div class="testmenu">
<a href="#">Wer?</a>
<a href="#">Was?</a>
<a href="#">Wo?</a>
<a href="#">Wann?</a>
<a href="#">Wie?</a>
<a href="#">Warum?</a>
</div>

Finde den Fehler - Teil 3

Auflösung - Teil 3

<h2><a href="#">Echonet Academy</a></h2>
<div><a href="#">Echonet Academy</a></div>

Die Richtigen Elemente?

Es gibt nicht die beste Struktur für eine Webseite.

Es gibt aber für verschiedene Zusammenhänge und bestimmte Bereiche die richtigen Elemente (Tags).

microformats

Adresse mit HTML

Roland Vidmar
echonet
01234/56789
www.echonet.at
<address>
Roland Vidmar<br />
echonet<br />
01234/56789<br />
<a href="http://www.echonet.at"> www.echonet.at</a>
</address>

Adresse mit microformats

Roland Vidmar
echonet
01234/56789
www.echonet.at
<address class="vcard">
  <div class="fn">Roland Vidmar</div>
  <div class="org">echonet</div>
  <div class="tel">01234/56789</div>
  <a class="url" href="http://www.echonet.at"> www.echonet.at</a>
</address>

microformats Überblick