Tag Archive for 'XHTML'

Semantic Overkill

Wer sich nicht zwischen RDFa und Microformats entscheiden kann und nicht sehr viel von dem Transformation-System GRDDL hält, kann seine HTML Inhalte natürlich auch mit beiden Formaten auszeichnen. Gerade die Profil- und Kalender-Semantiken bieten sich wegen ihrer Ähnlichkeit besonders an.

hCard und RDFa vCard:

<body xmlns:contact=”http://www.w3.org/2001/vcard-rdf/3.0#”>
  <div class=”vcard”>
    <span class=”fn” property=”contact:fn”>Max Mustermann</span>
    <a class=”email” rel=”contact:email” href=”mailto:max.mustermann@example.org”>
      max.mustermann@example.org
    </a>
    <div class=”adr” property=”contact:adr”>
      <span class=”street-address” property=”contact:street”>Street</span>
      <span class=”country-name” property=”contact:country”>Country</span>
    </div>
  </div>
</body>

…oder hCalendar und RDFa iCalendar:

<body xmlns:cal="http://www.w3.org/2002/12/cal/ical#">
  <div class="vevent" instanceof="cal:Vevent">
    <span class="summary" property="cal:summary">Ein Event</span>
    <span property="cal:dtstart" content="20070916T1600-0500">
      <abbr class="dtstart" title="20070916T1600-0500">
        September 16th at 4pm.
      </abbr>
    </span>
  </div>
</body>

Legende: Microformats bzw. RDFa

So, als nächstes schau ich mir mal die RDFa Attribute näher an…

RDFa in XHTML 1.0 verwenden

Als ich in RDFa Basics meinte es sei nicht möglich RDFa in XHTML 1 zu verwenden, war das nicht die volle Wahrheit. Um das eigene Format so schnell wie möglich zu verbreiten hat der W3C einen Doctype für den Übergang veröffentlicht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

Außerdem wurde der W3C Markup Validation Service so angepasst, dass er XHTML/RDFa auch erkennt und entsprechend validiert.

RDFa valid oder RDFa valid

Also viel Spaß beim ausprobieren…

Quelle: RDFa.info

OpenWebsuite.org Release-Candidate

Seit vorgestern ist der erste Release-Candidat der OpenWebsuite.org erhältlich. OpenWebsuite.org beinhaltet den HTML-Editor “(X)HTML-Format” und das Analyse-Tool “WebAnalysis”. Die Suite ist erhältlich für Windows / Linux / Mac OS X / OS/2 / Solaris / JRE ab 1.3.

Mehr Informationen auf heise.de oder OpenWebsuite.org

Vergleich: XHTML 5 und XHTML 2

Nachdem ich nochmals nach Informationen über die beiden XHTML Formate (2.0 & 5.0) gesucht habe, bin ich auf einen ganz interessanten Artikel auf xhtml.com gestoßen, der recht ausführlich auf die Unterschiede der beiden Formate und ihre Vor- und Nachteile eingeht.
Außerdem gibt es Gespräche mit dem XHTML 2 Team (W3C) und dem X/HTML 5 Team (WHATWG).

Update 19.03.2007
Jens Meiert hat sich den oben genannten Atrikel von xhtml.com vorgenommen und ihn übersetzt. [via]

Vergleich: HTML 5 und XHTML 5

Jens Meiert vergleicht in einem Artikel HTML 5 mit XHTML 5, außerdem geht er auf MIME-Typen, Parsen, Syntax, Markup, Zeichenkodierung, Scripting und Style Sheets der neuen Formate ein und vergleicht sie (so weit möglich) mit HTML 4.01 und XHTML 1.x. Sehr interessant und auf alle Fälle lesenswert. [VIA]

Mein Problem (und nicht nur ich bin verwirrt) bei der ganzen Sache ist, dass ich bisher dachte die WHATWG würde sich um das Format HTML 5 kümmern und die W3C um XHTML 2. Jetzt lesen ich die WHATWG plant schon XHTML 5.

Ich hoffe dass das alles noch eine Ordnung findet und nicht etliche Standards parallel entwickelt werden wie z.B. bei Blu-ray und HD-DVD.

Microformats

microformats.jpgWenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff “Microformats” oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut?

Wikipedia meint dazu:

Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen können leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verständlich.

Continue reading ‘Microformats’

YouTube Code XHTML konform

Irgendwie ist der original Code von YouTube zum Einbinden von Videos nicht XHTML konform, aber mit dem folgenden Code den ich bei wildbits.de gefunden habe sollte es funktionieren.

<object type="application/x-shockwave-flash"
  style="width:425px; height:350px"
  data="http://www.youtube.com/v/DEINE_VIDEO_ID">
    <param name="movie"
    value="http://www.youtube.com/v/DEINE_VIDEO_ID">
    </param>
</object>

Als OnlineMedien Student muß man einfach valide Seiten erstellen :)