nicht angemeldet
Hallo,
Eine gelungene Mischung ist z.B. die Seite http://www.w3.org/Style/CSS/ dort wird auch die Semantik des HTML-Kodes sehr gut in die Semantik der eigntlichen Inhalt eingefügt, angafangen bei <link rel ... > bis hinzu <div class="endmatter"> <div class="banner">.
Genau diese Seite hätte ich als schlechtes Beispiel präsentiert. Während der Inhalt sicher vernünftig ausgezeichnet ist, gilt dies für die Navigation in keinster Weise. Jedem "Local"-Link sein <p>? Dafür die "W3C"-Links völlig unstrukturiert?
Bei allem Respekt vor dem W3C und deinem Beurteilungsvermögen, aber schulbuchmäßig finde ich das sicher nicht.
Dann sollten wir uns das ansehen, oder? ;)
Die Seite von CSS:
-------------------------------------------
<!doctype html public '-//W3C//DTD HTML 4.01//EN'
'http://www.w3.org/TR/html4/strict.dtd'>
<html lang="en">
<head>
<title>Cascading Style Sheets</title>
<link rel="alternate stylesheet" title="Blue shadows" href="../main.css">
<link rel=home title="W3C" href="/">
<link rel=top title="Style Sheets" href="../">
...
<link rel=copyright title="Copyright" href="../../Consortium/Legal/ipr-notice.html#Copyright">
</head>
<body>
<div class="map">
</div>
<div class="back">
<div class="section" id="news">
</div>
</div>
<div class="back">
<div class="section" id="browsers">
</div>
</div>
<div class="back">
<div class="section" id="editors">
</div>
</div>
<div class="back">
<div class="section" id="software">
</div>
</div>
<div class="endmatter">
<div class="banner">
</div>
<address>
</address>
</div>
</body>
</html>
--------------------------------------------
Das hat einen Bezug zum Inhalt, die <link>-Elemente und ich kann schon an den Divs ablesen was in der Seite so lost ist, warum es dort geht. OK, dass im class="map" id="p1" etc. gibt, ist weniger gefällig. Aber mit dieser Struktur hat man trotzdem eine Ahnung worum es geht. Das habe ich mit Semantik des Kodes und Semantik des Inhalts gemeint.
Und jetzt mal die andere Seite (XSL)
Das höchste der Gefühle, dass man noch mitbekommt, dass es eine Intro gibt, der Rest ist vollständig dem Layout unterworfen: left-content, right-content etc.
Grüße
Thomas
-----------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Extensible Stylesheet Language Family (XSL)</title>
</head>
<body>
<div class="top-banner">
</div>
<div class="main-box">
<div class="intro">
</div>
<div class="columns-container">
<div class="left-content">
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
</div>
<div class="right-content">
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
<div class="side-item">
<div class="side-item-title">
</div>
<div class="side-item-content">
</div>
</div>
</div>
<div class="centre-content">
</div>
</div>
<address></address>
</div>
</body>
</html>