Archiv der Kategorie ‘(X)HTML’
In der aktuellen iX ist ein ausführlicherer Artikel zum Thema Mikroformate (Microformats) und Semantischem Web (Semantic Web) erschienen. Sie werden mit dem Web 2.0 in Verbidung gebracht. Wobei die Idee, bzw. die Ziele dahinter nicht neu sind: Semantic Web Road map
Der iX-Artikel erläutert den Zusammenhang zwischen den Mikroformaten und XHTML und geht darauf ein, wofür sich diese noch neue Art, Daten im Web auszuzeichnen, besonders eignet. Darüber hinaus werden noch einige bekannte Vertreter vorgestellt. Mehr zum Thema gibt es am Kiosk, in der aktuellen Ausgabe 11/06.
Vor über einem Jahr habe ich mal eine kurze Zusammenfassung über die Mikroformate geschrieben. Vielleicht zum Reinschnuppern ganz gut.
Michael Jendryschik hat die nunmehr dritte Version seiner Einführung in XHTML, CSS und Webdesign veröffentlicht. Wie für viele andere auch, hat sie mich beim Einstieg in das Thema Webstandards begleitet. Nummer 3.0 (beta) wurde stark erweitert. Das Angebot eignet sich für Einsteiger in Webstandards bis hin zu Profis, die kurz was nachschlagen wollen.
Der Schwede Roger Johansson holt noch einmal aus und widmet sich dem Thema Alt-Attribut und dessen seiner Meinung nach missbräuchlichen Gebrauch. Recht hat er, nicht nur, weil es klar in der Spezifikation steht:
Dieses Attribut gibt alternativen Text für Benutzerprogramme an, die Bilder, Formulare oder Applets nicht darstellen können.
Internet Explorer zeigt den Inhalt des alt-Attributs (leider) an. Er sollte das aber nicht. Ergänzend ist anzumerken, dass dieser Text Menschen hilft, die Bilder, Grafiken etc. nicht sehen können.
(more…)
Ich wurde danach gefragt, wie ich die Kommentare meines Blogs durchnummeriere (ich verwende keine geordnete Listen OL). Das ist ganz einfach, benötigt werden nur drei Zeilen PHP in der Datei wp-comments.php.
Zuerst definiert man eine Variable, in meinem Beispiel “cnr”:
...
<?php if ($comments) { ?> <--Originalzeile aus
wp-comments.php-->
<?php
$cnr = 1;
?>
...
Dort wo die Nummer erscheinen soll gibt man den Wert der Variable aus (echo("$cnr")):
...
<span class="cnr" title="Nummer des Kommentars">
<?php echo("$cnr"); ?> </span>
...
Ein SPAN-Element habe ich verwendet, um die Nummer über CSS optisch anpassen zu können.
Am Ende muss noch die Variable um 1 hochgezählt werden, damit - wenn vorhanden - der nächste Kommentar die Nummer zwei bekommt ($cnr++).
...
<?php $cnr++; ?>
<?php } // end for each comment ?> <--Originalzeile aus
wp-comments.php-->
...
Die Zeilen, die was mit der “$cnr” zu tun haben befinden sich alle zwischen < ?php foreach ($comments as $comment) { ?> und < ?php } // end for each comment ?>, also innerhalb der Kommentarschleife.
DIV dienen dazu, eine Website in verschiedene Bereiche zu gliedern. Semantisch haben diese Elemente keine Relevanz, sind dennoch Bestandteil guter Websites. Sie werden zur Einteilung einer Website in verschiedene Bereiche genutzt. Sie dienen Präsentationszwecken bzw. gestalterischen Aufgaben im Webdesign.
(more…)
Die Layout-Tabellen-Diskussion ist kaum überstanden, schon werden sehr merkwürdige Ansätze verbreitet. Die DIVlose Website. Das ist ungefähr genau so sinnvoll, wie der komplette Verzicht auf Tabellen oder das Ersetzen von Tabellenlayouts durch 1:1 Nachbildungen mit DIV. Eine Website, die aus einer UL besteht und versucht die Inhalte mit Hilfe LI zu strukturieren, stellt einen mehr als suboptimalen Ansatz dar und sollte nicht weiter verfolgt werden.
(more…)
Dass es einem die Suchmaschinen danken, wenn man eine Website sauber strukturiert und die richtigen (relevanten) Elemente beim Seitencoding verwendet, kann man heute wieder ausführlich bei A List Apart nachlesen. Die saubere Struktur einer Website kombiniert mit der konsequenten Trennung von Inhalten und Layout, führt bereits zu einem guten Maß an Zugänglichkeit (Accessibility) mit positivem Einfluss auf die Suchergebnisse. Aber: Das darf nicht zu einem missverstandenen Accessibilityboom führen. Es geht um die bessere Zugänglichkeit von Webinhalten, für Alle.
Noch ein Link aus den Archiven: Bessere Struktur und Semantik - Bessere Suchergebnisse
Und da das Thema intensiv diskutiert wird, hier noch ein paar interessante Links dazu. Sollte ich einen wichtigen vergessen haben, immer her damit. Am besten kommentieren oder pingen, damit es alle mitbekommen. Das Thema ist wichtig!
Suchmaschinen und Barrierefreiheit
