(X)HTML 5 und Semantik?

tesim · 30.04.2009, 22:09

Hallo liebe Community!

Ich habe wieder einige Fragen gesammelt, bei der ich auch in Google keine sehr gute Lösung finde die mein Problem löst..

1.) Wo kann ich nachsehen, welche (x)HTML 5 Tags von welchem Browser schon jetzt Unterstützt werden?

Ich würde nähmlich gerne Tags wie <header> und <footer> schon jetzt verwenden.

2.) Lohnt sich der Umstieg von HTML auf XHTML 5 (später).

Habe in meinen bisherigen Büchern (Habe das SelfHTML Buch, HTML 4 Referenz, HTML und CSS für Fortgeschrittene, Video2Brain Videos) leider nie große Unterschiede gefunden zwischen HTML und XHTML...
Es wurde nur der leere tag zB < /br> erklärt, und das Fehler strenger gehandhabt werden. Gibt es Tags die in XHTML vorhanden sind und in HTML nicht?

3.) Ich höre zwar immer wieder viel über Semantik mit HTML 4 und 5. Jedoch weiß ich bis heute noch nicht so wirklich, was damit gemeint ist und wie ich dies Umsetzen soll?

Gibt es einen Roten Leitfaden hierfür? Oder ist Semantik nichts weiter als das Fehlerfreie verwenden von passenden Tags?

prestige · 30.04.2009, 22:18

Hi,

Zu 1:
Also den <header>-Tag gibts schon lange xD.

Zu 2:
Leider keine Ahnung.

Zu 3:
Semantik – Wikipedia

Ich habe nur die ersten Zeilen gelesen. Hört sich an, als ob es etwas ähnliches wie Synthax - bzw. richtige Verwendung der Zeichen ist.

Sry, dass ich nicht mehr helfen kann.

Mfg

Manko10 · 30.04.2009, 22:48

Also grundsätzlich kannst du HTML 5 schon verwenden.
HTML 5 wird aber schon erstaunlich breit unterstützt, sogar der W3C-Validator kann das mittlerweile. Die meisten Browser versuchen, unbekannte Elemente wie ähnliche bekannte Elemente darzustellen. So z.B. bei den erweiterten Formulartypen.
Der IE macht aber generell Probleme, da sich ohne bestimmte JavaScript-Hacks bei seiner Rendering-Engine unbekannte Elemente nicht per CSS-Stylen lassen, da diese automatisch direkt wieder ohne Verarbeitung geschlossen werden.
Weitere Infos findest du auch hier: HTML5 - Was geht heute schon, was geht nicht? Der große Überblick. • Peter Kröner, Webdesigner & Frontendentwickler
Ich würde HTML 5 derzeit nur für Spielereien und zum Ausprobieren, aber noch nicht in Produktivumgebungen verwenden.

nikosch · 01.05.2009, 00:30

zu 2.
(natürlich)

Imho ist die strict Html Variante auch sehr gut für Semantikansätze geeignet.
Die strengeren Regeln, beispielsweise, dass Fliesstext im von Blockelementen eingeschlossen sein müssen, dito Formularelemente machen dabei die Stärke aus.

tesim · 01.05.2009, 10:13

Sehr schön!

Den Wikipedia Artikel zu Semantik habe ich gelesen, da steht jedoch nur eine Zeile über IT Semantik.

Das der <header> Tag schon vorhanden ist freut mich schonmal (hoffe nicht du meintest <head> xD) da ich finde, dass das ja auch einiges mit Semantik zutun hat, die Tags entsprechend richtig einzusetzen.

Da das ganze hier ein sehr sehr großes Projekt von mir ist, wird es vorraussichtlich erst gegen Juli vielleicht sogar erst Ende 2009 Fertig sein,
ist es zu empfehlen doch schon mit HTML 5 zu Arbeiten? Da ja (vorraussichtlich) HTML 5 dort kommt?

Danke Manko 10 der Link ist sehr interessant!

PS: Habe soeben von Manko10's Link erfahren, das außer Doctype und Charset eigentlich noch garnichts komplett Kompatibel unterstützt wird.

(Natürlich vom IE, unser Lieblingsbrowser...) ((auch nicht das <header> Tag :P))

Manko10 · 01.05.2009, 13:16

Aber wenn es dir um die Semantik geht, so kannst du auch mit HTML 4.01 Strict oder XHTML 1.0 Strict bzw. XHTML 1.1 viel erreichen.
Vielleicht schaust du dir das noch an: OpenWebBoard / Tutorials / HTML & CSS / Semantik im Web (1/4)

tesim · 01.05.2009, 18:42

Wenn das schon Semantik ist dann bin ich ja sehr zufrieden, dann hab ich nähmlich bis jetzt alles richtig gemacht!

Habe CSS von HTML getrennt (ausgelagerte Datei)
Habe keine HTML Formatierungen (zB <body bgcolor=""> eingebunden usw..

Nur was ich immer oft verstanden habe, ist die <div class="Suppe"> oft zur fehlenden Semantik beiträgt...

Wie zeichne ich zB heute meine Navigation aus? <nav> und <header> gehen noch nicht... und alles mit<div> kommt doch eher schlecht, was meint ihr?

(Ich fasse jedoch auch mit dem Container nur mehrere Elemente zusammen, niemals einzelne!) also zB

Code:

<div id="nav>
 <h1 id="logo"></h1>
<ul id="navigation">
<li></li>
<li></li>
</ul>
</div>

Wäre sowas noch Semantisch? Oder auch schon nichtmehr *G*

Manko10 · 01.05.2009, 18:51

Bei Navigationen scheiden sich die Geister. Ich plädiere dafür, dass eine Navigation eine ungeordnete (ggf. verschachtelte) Linkliste ist, solange sich mangels HTML 5 noch nichts genauer spezifizieren lässt.

tesim · 01.05.2009, 20:50

Ja habe ja auch eine <ul> als Navigation, jedoch kann ich dann schlecht Logo und Seitenüberschrift (Slogan) gut Positionieren, und da ist da ist die <form> für den LOgin noch nicht dabei

(Ist da ein <div> dann angebracht oder vielleicht sogar unangebracht? (Sind 4 Elemente))

nikosch · 01.05.2009, 20:58

Zitat:

Ja habe ja auch eine <ul> als Navigation, jedoch kann ich dann schlecht Logo und Seitenüberschrift (Slogan) gut Positionieren, und da ist da ist die <form> für den LOgin noch nicht dabei

(Ist da ein <div> dann angebracht oder vielleicht sogar unangebracht? (Sind 4 Elemente))

Ich kann keines der angesprochenen Probleme nachvollziehen. Bspw. ist das Logo wohl kaum Teil der Navigation. Ist schon von der Logik her nicht semantisch.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] XHTML nicht valide ?!	drsoong	HTML, Usability und Barrierefreiheit	9	29.11.2008 21:11
Tool zum html in xhtml wandeln gesucht	tayke	HTML, Usability und Barrierefreiheit	1	19.02.2007 17:49
XHTML 1.0 Strict und Iframe	FrozenFox	HTML, Usability und Barrierefreiheit	8	03.07.2006 12:35
(X)HTML und php	Klaus	HTML, Usability und Barrierefreiheit	4	02.07.2006 12:25
Programmierer für PHP, SQL, CSS, xHTML		Trash	0	08.02.2006 14:03
(X)HTML und CSS Syntax highlighting		PHP Tipps 2006	2	05.02.2006 19:37
[Erledigt] [RegExp] Thema BBCode und XHTML 1.1		PHP-Fortgeschrittene	2	18.09.2005 13:57
XHTML	DER_Brain	HTML, Usability und Barrierefreiheit	9	08.07.2005 11:30
[Erledigt] Darstellungsprobleme XHTML & HTML		HTML, Usability und Barrierefreiheit	1	19.01.2005 23:30
xhtml		HTML, Usability und Barrierefreiheit	10	17.01.2005 17:01
xhtml valide		HTML, Usability und Barrierefreiheit	2	14.12.2004 18:43
[Erledigt] XHTML Problem		HTML, Usability und Barrierefreiheit	2	02.11.2004 00:46
[Erledigt] XHTML + Map ?		HTML, Usability und Barrierefreiheit	1	19.10.2004 10:14
need Help zu PHPSESSID vs valid XHTML		PHP Tipps 2004	2	22.07.2004 16:47

30.04.2009, 22:09
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	(X)HTML 5 und Semantik? Hallo liebe Community! Ich habe wieder einige Fragen gesammelt, bei der ich auch in Google keine sehr gute Lösung finde die mein Problem löst.. 1.) Wo kann ich nachsehen, welche (x)HTML 5 Tags von welchem Browser schon jetzt Unterstützt werden? Ich würde nähmlich gerne Tags wie <header> und <footer> schon jetzt verwenden. 2.) Lohnt sich der Umstieg von HTML auf XHTML 5 (später). Habe in meinen bisherigen Büchern (Habe das SelfHTML Buch, HTML 4 Referenz, HTML und CSS für Fortgeschrittene, Video2Brain Videos) leider nie große Unterschiede gefunden zwischen HTML und XHTML... Es wurde nur der leere tag zB < /br> erklärt, und das Fehler strenger gehandhabt werden. Gibt es Tags die in XHTML vorhanden sind und in HTML nicht? 3.) Ich höre zwar immer wieder viel über Semantik mit HTML 4 und 5. Jedoch weiß ich bis heute noch nicht so wirklich, was damit gemeint ist und wie ich dies Umsetzen soll? Gibt es einen Roten Leitfaden hierfür? Oder ist Semantik nichts weiter als das Fehlerfreie verwenden von passenden Tags?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

30.04.2009, 22:18
prestige Benutzer Registriert seit: 11.05.2008 Beiträge: 71 PHP-Kenntnisse: Fortgeschritten	Hi, Zu 1: Also den <header>-Tag gibts schon lange xD. Zu 2: Leider keine Ahnung. Zu 3: Semantik – Wikipedia Ich habe nur die ersten Zeilen gelesen. Hört sich an, als ob es etwas ähnliches wie Synthax - bzw. richtige Verwendung der Zeichen ist. Sry, dass ich nicht mehr helfen kann. Mfg __________________ Genau das wollte ich auch gerade sagen ^^

30.04.2009, 22:48
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.401 PHP-Kenntnisse: Fortgeschritten	Also grundsätzlich kannst du HTML 5 schon verwenden. HTML 5 wird aber schon erstaunlich breit unterstützt, sogar der W3C-Validator kann das mittlerweile. Die meisten Browser versuchen, unbekannte Elemente wie ähnliche bekannte Elemente darzustellen. So z.B. bei den erweiterten Formulartypen. Der IE macht aber generell Probleme, da sich ohne bestimmte JavaScript-Hacks bei seiner Rendering-Engine unbekannte Elemente nicht per CSS-Stylen lassen, da diese automatisch direkt wieder ohne Verarbeitung geschlossen werden. Weitere Infos findest du auch hier: HTML5 - Was geht heute schon, was geht nicht? Der große Überblick. • Peter Kröner, Webdesigner & Frontendentwickler Ich würde HTML 5 derzeit nur für Spielereien und zum Ausprobieren, aber noch nicht in Produktivumgebungen verwenden. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

01.05.2009, 00:30
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.048 PHP-Kenntnisse: Fortgeschritten	zu 2. (natürlich) Imho ist die strict Html Variante auch sehr gut für Semantikansätze geeignet. Die strengeren Regeln, beispielsweise, dass Fliesstext im von Blockelementen eingeschlossen sein müssen, dito Formularelemente machen dabei die Stärke aus. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.05.2009, 10:13
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	Sehr schön! Den Wikipedia Artikel zu Semantik habe ich gelesen, da steht jedoch nur eine Zeile über IT Semantik. Das der <header> Tag schon vorhanden ist freut mich schonmal (hoffe nicht du meintest <head> xD) da ich finde, dass das ja auch einiges mit Semantik zutun hat, die Tags entsprechend richtig einzusetzen. Da das ganze hier ein sehr sehr großes Projekt von mir ist, wird es vorraussichtlich erst gegen Juli vielleicht sogar erst Ende 2009 Fertig sein, ist es zu empfehlen doch schon mit HTML 5 zu Arbeiten? Da ja (vorraussichtlich) HTML 5 dort kommt? Danke Manko 10 der Link ist sehr interessant! PS: Habe soeben von Manko10's Link erfahren, das außer Doctype und Charset eigentlich noch garnichts komplett Kompatibel unterstützt wird. (Natürlich vom IE, unser Lieblingsbrowser...) ((auch nicht das <header> Tag :P)) Geändert von tesim (01.05.2009 um 10:25 Uhr).

01.05.2009, 13:16
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.401 PHP-Kenntnisse: Fortgeschritten	Aber wenn es dir um die Semantik geht, so kannst du auch mit HTML 4.01 Strict oder XHTML 1.0 Strict bzw. XHTML 1.1 viel erreichen. Vielleicht schaust du dir das noch an: OpenWebBoard / Tutorials / HTML & CSS / Semantik im Web (1/4) __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

01.05.2009, 18:42
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	Wenn das schon Semantik ist dann bin ich ja sehr zufrieden, dann hab ich nähmlich bis jetzt alles richtig gemacht! Habe CSS von HTML getrennt (ausgelagerte Datei) Habe keine HTML Formatierungen (zB <body bgcolor=""> eingebunden usw.. Nur was ich immer oft verstanden habe, ist die <div class="Suppe"> oft zur fehlenden Semantik beiträgt... Wie zeichne ich zB heute meine Navigation aus? <nav> und <header> gehen noch nicht... und alles mit<div> kommt doch eher schlecht, was meint ihr? (Ich fasse jedoch auch mit dem Container nur mehrere Elemente zusammen, niemals einzelne!) also zB Code: <div id="nav> <h1 id="logo"></h1> <ul id="navigation"> <li></li> <li></li> </ul> </div> Wäre sowas noch Semantisch? Oder auch schon nichtmehr G

01.05.2009, 18:51
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.401 PHP-Kenntnisse: Fortgeschritten	Bei Navigationen scheiden sich die Geister. Ich plädiere dafür, dass eine Navigation eine ungeordnete (ggf. verschachtelte) Linkliste ist, solange sich mangels HTML 5 noch nichts genauer spezifizieren lässt. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

01.05.2009, 20:50
tesim Neuer Benutzer Registriert seit: 24.04.2009 Beiträge: 25	Ja habe ja auch eine <ul> als Navigation, jedoch kann ich dann schlecht Logo und Seitenüberschrift (Slogan) gut Positionieren, und da ist da ist die <form> für den LOgin noch nicht dabei (Ist da ein <div> dann angebracht oder vielleicht sogar unangebracht? (Sind 4 Elemente))