Thema: Design und Code bewerten (EDITOR)

[...] da ich selbst teilweise "tabellenlayout" (aus dem oben genannten gründen) einsetze wäre es sinnfrei, meine seite als 100% semantisch korrekt zu bezeichnen. [...]

Also so ganz den Sinn kann ich jetzt auch nicht erkennen.

Wenn man einerseits sagt, das semantisch aufgebaute Codes nicht aus tabellen bestehen dann aber andererseits gesagt wird, das Semantik bedeutet, daß Überschriften mit 1 anfangen usw., dann frage ich mich was Tabellen eigentlich sind? Tabellen sind doch die logischte aller Darstellungsvarianten, sie fangen bei "Zeile 1 / Spalte 1 an an und hören bei Zeile x/ Spalte y auf. Also logischer geht es doch jetzt gar nicht mehr. Zudem führen sie korrekt von oben nach unten. Selbst wenn mann 100 Tabellen untereinanderlegt, ergeben sie trotzedem einen logischen Sinn.

Kann es sein, das man sich in der Semantikfrage auch irgendwie verrennen kann?

Zitat von sysop

was mich betrifft, hat css noch das problem, nicht mit variablen arbeiten zu können

Ich bin auch der Meinung, dass CSS wesentlich mehr Funktionalität bieten sollte/könnte, Variablen gehen aber ein Stück zu weit, schließlich soll (und kann) CSS nicht zu einer Programmiersprache mutieren.

Lesenswert ist übrigens dieser Artikel einschließlich nachfolgender Kommentare.

Zitat von ccisco

Mit dem div-Element gruppiert man logisch zusammengehörige Elemente, aber Semantik hat es keine. Es strukturiert vielmehr den HTML-Code für denjenigen, der damit arbeitet.

Du kannst mich gerne eines besseren belehren, wenn Du mir es an irgendwas belegen kannst, aber nach meinem Verständnis ist die Bedeutung des Tags <div> mit "Strukturelement zum Gruppieren" oder "zusammengehöriger Block" die semantische Bedeutung des Elements.

Semantik – Wikipedia

Semantik ist die Lehre der Bedeutung verschiedener Sprachelemente. Und die Bedeutung von <div> ist vereinfacht: "Gruppe".

Für mich ist das auch Semantik. Hätte <div> keine Semantik, dürfte es ja eigentlich gemäß HTML nicht verwendet werden. So wie <i>, <b> oder <u>, sowie auch <center> keine semantische Bedeutung zugewiesen wurde.

Zitat von Memphis291

Und Ladeprozesse sind ja nicht unüblich. Die Frage ist hier wohl eher, wie man dem user deutlich macht, daß hier gerade was geladen wird (wohl eher was für Flash).

Unüblich nicht. Aber lange Ladeprozesse sind idR nicht nötig und sie nerven einfach nur. Daran würde sich für viele Menschen auch nichts ändern, wenn da steht "Lade...". Auch dann würde ich nach 2 Sekunden wegklicken, wenn ich was suche.

das habe ich mir fast gedacht, macht aber in diesem Fall nichts

Das macht schon was. Den Besucher, der auf Deine Site kommt, könnte das nerven. Wenn Du mit der Site Leute abschrecken willst, dann kann es bleiben. Eine normale Website hat als Ziel auch immer, neue Leute anzulocken, und da ist sowas eher kontraproduktiv, ob es nun dazu passt oder nicht.

Also damit verblüffst Du mich jetzt schon wieder. Ich dachte, das die divs gerade dafür geeignet sind. Denn bei selfhtml gibt es expliziete Beispiele zum layouten mit divs.

Das ist ein Schwachpunkt von SelfHTML. In der Hinsicht ist die Site leider nicht aktuell.

Und wenn ich schon nicht alles glauben soll, was so im netzt steht, dann auch nicht das was dort zu finden ist?...Ja was denn nun?

Ich hab ja geschrieben, worauf es ankommt. Auf die Semantik. Da können <div>s vorkommen, aber nicht als Hauptgestaltungsmittel.

Was hat denn Semantik mit Layouten zu tun?

Nichts. Das ist ja der Witz. Strikte Trennung von Inhalt und Layout. HTML ist die Strukturbeschreibungssprache. Mit HTML legt man die Semantik fest. Und eben nur die Semantik, weil die ja nichts mit dem Layout zu tun hat. Layout macht man ausschließlich mit CSS. Würde man Layout mit <div> machen, würde man Layout mit einer Strukturbeschreibungssprache machen. Und wie Du selber sagst, hat das eine mit dem anderen nichts zu tun.

Zitat von Memphis291

Also so ganz den Sinn kann ich jetzt auch nicht erkennen.
Wenn man einerseits sagt, das semantisch aufgebaute Codes nicht aus tabellen bestehen

Das ist so nicht richtig. Tabellen haben auch eine semantische Bedeutung: Sie zeichnen tabellarische Daten aus. Wenn Du z.B. eine Fußball-Tabelle hast, wird die semantisch korrekt als Tabelle ausgezeichnet. Layout mit Tabellen oder irgendeinem HTML-Tag ist sinnfrei.

Kann es sein, das man sich in der Semantikfrage auch irgendwie verrennen kann?

Eigentlich nicht, weil die Semantik logischer Sprachen (s. Wikipedia-Link oben) etwas klar definiertes ist, das man nur noch anwenden muss.

Zitat von Efchen

aber nach meinem Verständnis ist die Bedeutung des Tags <div> mit "Strukturelement zum Gruppieren" oder "zusammengehöriger Block" die semantische Bedeutung des Elements.

Dass das Element für dich persönlich eine Semantik hat, ist ja klar. Du siehst ein div="header" und erkennst dann, dass alle Elemente in diesem div dem Header angehören, also hat es eine Bedeutung für dich.

Ich meinte mit "hat keine Semantik", dass das div Element beispielsweise für einen Screenreader keine Bedeutung hat. Ein h1 bedeutet Überschrift, ein ul bedeutet Liste, usw. Ein div (oder auch ein span) bedeutet für ihn semantisch absolut nichts.

Zitat von ccisco

Ich meinte mit "hat keine Semantik", dass das div Element beispielsweise für einen Screenreader keine Bedeutung hat. Ein h1 bedeutet Überschrift, ein ul bedeutet Liste, usw. Ein div (oder auch ein span) bedeutet für ihn semantisch absolut nichts.

Doch. Ein <div> ist eine "Division", ein Bereich, eine logisch zusammengehörige Gruppe. Das ist doch eine semantische Bedeutung. Wenn ein Screenreader diese Bedeutung nicht irgendeiner Aktion zuweist, heißt das doch nicht, dass da keine Semantik ist. Semantik ist ja die definierte Bedeutung, nicht das, was irgendwer daraus macht. Letzteres würde ja bedeuten, dass die Semantik nicht von HTML, sondern von der endverarbeitenden Software definiert wird und das ist ja nicht wahr. HTML definiert die Semantik.