trennung von .....
stuermer
- html
hi,
was bedeutet eigentlich dieser satz genau?
"Strikte trennung von Inhalt und Layout"?
beudeutet das sowas wie:
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
danke!
Hi,
was bedeutet eigentlich dieser satz genau?
"Strikte trennung von Inhalt und Layout"?
beudeutet das sowas wie:
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
Ich glaube nein!
Ich glaube,dass du dieses CSS in den header bringst und somit den body aufräumst!
good luck!
mfG.
the code
Moin!
was bedeutet eigentlich dieser satz genau?
"Strikte trennung von Inhalt und Layout"?
beudeutet das sowas wie:
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
Ich glaube nein!
Du glaubst falsch.
Ich glaube,dass du dieses CSS in den header bringst und somit den body aufräumst!
Dann ist CSS und HTML aber immer noch in einer Datei, und nicht strikt getrennt.
- Sven Rautenberg
Hi;
Ich glaube,dass du dieses CSS in den header bringst und somit den body aufräumst!
Dann ist CSS und HTML aber immer noch in einer Datei, und nicht strikt getrennt.
Naja;ich ziehe lieber die zusammenhaltung vor,wenn die Datei nicht grad 3000 Zeilen hat,oder so;aber gut,Du hast hast natürlich Recht.
Geschmäcker sind halt verschieden!
mfg. the code
hallo,
wie ich schon schrieb möchte ich mich an den XHTML standards halten.
alles andere ist doch eigentlich schlamperei.....
ich habe den DTD XHTML und strict.
ich arbeite mich da langsam ein und überprüfe den quelltext auf
der seite des W3C.
wieso ist z.b <button....> TEST </button> und
<input type="text" ....... /> nicht erlaubt?
danke!
Hello out there!
wieso ist z.b <button....> TEST </button> und
<input type="text" ....... /> nicht erlaubt?
Das sagt dir der Validator doch in der Fehlermeldung. Wenn dein Englisch nicht so gut ist, benutze eine deutschsprachigen Validator wie diesen.
'button' und 'input' sind Inline-Elemente, die dürfen nicht an beliebiger Stelle vorkommen (dasselbe wie bei 'br').
See ya up the road,
Gunnar
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
ja, zum beispiel. es bedeutet, das einzig und allein die inhalte und deren semantische gliederung in einem dokument enthalten sind. bei korrekter auszeichnung können die entsprechenden elemete z.b mit einem externen stylesheet "layoutet" werden, z.b. für die bildschirmausgabe oder für den drucker.
jedoch muss ein dokument nicht zwangsläufig von einem webbrowser angezeigt werden, handy, pda, braille-lesegerät... ja kühlschrank sind genau so denkbar. die können in der regel nur mit den inhalten etwas anfangen, nicht mit einem html-chaos...
grüsse
micha
hi micha,
danke.
ich setzte mich gerade mit XHTML auseindander und möchte mich an die
webstandards halten. doch ich habe noch so meine probleme ......
welchen documenttype muss ich angeben für xhtml?
und was ist allgemein zubeachten? ich meine die schreibweise der tags etc...
wieso ist dieser quelltext nicht validierbar oder wie man das nennt?:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>
<body>
<H1> (X)HTML Test </H1>
<BR />
<p>Sorry.....test</p>
</body>
</html>
danke!
Hello out there!
welchen documenttype muss ich angeben für xhtml?
http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp
und was ist allgemein zubeachten? ich meine die schreibweise der tags etc...
http://de.selfhtml.org/html/xhtml/unterschiede.htm
wieso ist dieser quelltext nicht validierbar oder wie man das nennt?:
„Valid“.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Du wolltest doch XHTML schreiben.
<H1> (X)HTML Test </H1>
<BR />
<p>Sorry.....test</p>
Zum einen, weil 'br' nur in Inline-Elementen vorkommen darf.
Zum anderen sagt der Quelltext nicht das, was du denkst: das '/' nach '<BR' schließt diesen Tag bereits; das nachfolgende '>' ist also Textinhalt, der eigentlich dargestellt werden müsste. (Allerdings macht das wohl kein Browser. Und das ist auch gut so[tm], sonst könnte man ja kein HTML-kompatibles XHTML schreiben.
In der Strict-Variante darf Textinhalt aber nicht Kindknoten 'body' sein.
See ya up the road,
Gunnar
Hi,
Zum einen, weil 'br' nur in Inline-Elementen vorkommen darf.
wie kommst Du bloß auf diese Falschaussage?
freundliche Grüße
Ingo
Hello out there!
Zum einen, weil 'br' nur in Inline-Elementen vorkommen darf.
wie kommst Du bloß auf diese Falschaussage?
Reine Vermutung.
Ein Blick in die DTD HTML 4.01 (Strict!) bestätigt diese:
<!ENTITY % special
"A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO">
Woanders kommt 'BR' nicht drin vor.
<!-- %inline; covers inline or "text-level" elements -->
<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">
Woanders kommt '%special;' nicht drin vor.
Wie kommst Du bloß auf diese Vermutung, es sei eine Falschaussage?
See ya up the road,
Gunnar
Hallo Gunnar
Zum einen, weil 'br' nur in Inline-Elementen vorkommen darf.
wie kommst Du bloß auf diese Falschaussage?
Ein Blick in die DTD HTML 4.01 (Strict!) bestätigt diese:
<!ENTITY % special
"A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO">Woanders kommt 'BR' nicht drin vor.
<!-- %inline; covers inline or "text-level" elements -->
<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">
_nur_ _in_ Inlineelementen?
Also laut deiner Aussage dürfte br auch nicht in p, div, h1 usw. vorkommen?
Du meintest sicher, dass br nur dort vorkommen darf, wo auch Inlineelmente erlaubt sind.
Auf Wiederlesen
Detlef
Hello out there!
Du meintest sicher, dass br nur dort vorkommen darf, wo auch Inlineelmente erlaubt sind.
Ähm, ja, meinte ich. Asche auf mein Haupt.
See ya up the road,
Gunnar
Zum anderen sagt der Quelltext nicht das, was du denkst: das '/' nach '<BR' schließt diesen Tag bereits
Ähm, wie kommst du dadrauf?
test <br / test
wäre jedenfalls falsch.
Hello out there!
Zum anderen sagt der Quelltext nicht das, was du denkst: das '/' nach '<BR' schließt diesen Tag bereits
Ähm, wie kommst du dadrauf?
IIRC sind so die Regeln von SGML (der mutter von HTML).
test <br / test
wäre jedenfalls falsch.
Ähm, wie kommst du dadrauf?
Der Validator hätte dir verraten, dass das valides HTML ist. Dass Browser damit nicht umgehen können, ist eine andere Geschichte.
See ya up the road,
Gunnar
Der Validator hätte dir verraten, dass das valides HTML ist. Dass Browser damit nicht umgehen können, ist eine andere Geschichte.
Ok, mag wohl so sein. Meine Fehleinschätzung mag wohl daran liegen, dass ich meist XML benutze und ich auf keiner Seite (auch nicht auf Selfhtml) bisher etwas zu dieser Syntax gefunden habe.
Das diese Syntax nicht gerade beliebt ist, mag wohl auch nicht nur an der fehlenden Browserunterstützung sondern einfach an der totalen Unübersichtlichkeit des Quellcodes liegen. Man müsste ja eigentlich dann jeden Slash maskieren um nicht aus Versehen irgendwelche Tags bzw. "Elemente" zu beenden und könnte außerdem nur noch sehr schlecht sagen wo ein Bereich anfängt und aufhört.
Hallo,
Zum anderen sagt der Quelltext nicht das, was du denkst: das '/' nach '<BR' schließt diesen Tag bereits
Ähm, wie kommst du dadrauf?
test <br / test
wäre jedenfalls falsch.
Nein, wäre es nicht. Und wie hier schon oft erläutert, ist folgendes ein gültiges HTML4-Strict(!)-Dokument, das allerdings kein ernstzunehmender Browser richtig anzeigt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title/Gültige HTML-Seite/
<p/Dies ist eine gültige HTML-Seite. Auch wenn sie nicht danach aussieht./
Viele Grüße,
Christian
Hej,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
welchen documenttype muss ich angeben für xhtml?
Für welches?
und was ist allgemein zubeachten? ich meine die schreibweise der tags etc...
http://de.selfhtml.org/html/xhtml/unterschiede.htm
wieso ist dieser quelltext nicht validierbar oder wie man das nennt?:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Unbenanntes Dokument</title>
> </head>
> <body>
> <H1> (X)HTML Test </H1>
> <BR />
> <p>Sorry.....test</p>
> </body>
> </html>
Er validiert nicht gegen HTML 4.01 strict, weil <BR />
nicht wohlgeformt ist. <BR>
oder <br>
hingegen schon.
Er ist nicht gegen XHTML validierbar, weil du eine falsche Dokumenttypdeklaration verwendest und weil der Sprachumfang von XHTML weder <BR />
noch <H1></H1>
enthält, <br />
und <h1></h1>
hingegen schon. Außerdem ist der <meta>
-Tag nicht wohlgeformt. <meta />
hingegen schon.
Das teilt dir aber doch der Validator auch in der Ausführlichkeit mit.
Beste Grüße
Biesterfeld
Hello out there!
Er validiert nicht gegen HTML 4.01 strict, weil
<BR />
nicht wohlgeformt ist.
Doch, das ist es.* Es ist aber (an der Stelle!) nicht valid (gültig); in HTML 4.01 Transitional wäre es das.
Der Unterschied zwischen „gültig“ und „wohlgeformt“ ist bekannt? ;-)
See ya up the road,
Gunnar
* sofern man bei SGML auch von „Wohlgeformtheit“ spricht
Hej,
Er validiert nicht gegen HTML 4.01 strict, weil
<BR />
nicht wohlgeformt ist.Doch, das ist es.* Es ist aber (an der Stelle!) nicht valid (gültig); in HTML 4.01 Transitional wäre es das.
Ups, wieder was gelernt...
Der Unterschied zwischen „gültig“ und „wohlgeformt“ ist bekannt? ;-)
Ja ,-)
Beste Grüße
Biesterfeld
ich setzte mich gerade mit XHTML auseindander und möchte mich an die webstandards halten.
das ist ein guter plan. ich empfehle dir, selfhtml zu studieren, da findest du einiges, was dich klüger macht z.B. hier: http://de.selfhtml.org/html/allgemein/grundgeruest.htm#xhtml oder einfach mal google anschmeissen, es gibt viele gute tutorials gerade auch für einsteiger, z.b. http://go4xml.com/xml/xhtml/lektion01.php
in deinem geposteten quellcode ist zum einen der break an einer falschen stelle, nach einer überschrift ist der auch reichlich unnötig. zum anderen achte darauf, alle auszeichnungen klein zu schreiben, zumindest in xhtml.
zum testen deines quellcodes: http://validator.w3.org
viele grüsse
micha
hi,
<H1> (X)HTML Test </H1>
<BR />
<p>Sorry.....test</p>
Du willst einen Abstand zwischen Überschrift und Textabsatz.
Abstand ist Darstellung, und Darstellung ist _immer_ CSS.
Also weg mit dem <br />, nutze margin/padding für Überschrift und/oder Absatz.
gruß,
wahsaga
hallo,
was bedeutet eigentlich dieser satz genau?
"Strikte trennung von Inhalt und Layout"?
Ursprünglich bedeutet es, daß solche Dinge wie <font> nicht mehr benutzt werden sollen. Das betrifft mehrere HTML-Elemente. Formatierungen sollten grundsätzlich mit CSS vorgenommen werden. Eine ganze Reihe von "Editoren" und auch einige CMS halten sich aber immer noch nicht daran.
beudeutet das sowas wie:
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
Es wird gelegentlich so interpretiert, ja. Und du wirst zugeben, daß bei einer solchen Vorgehensweise dein Code erheblich an Übersichtlichkeit gewinnt und sich insgesamt deine Seite besser administrieren läßt.
Grüße aus Berlin
Christoph S.
Hallo stuermer
was bedeutet eigentlich dieser satz genau?
"Strikte trennung von Inhalt und Layout"?beudeutet das sowas wie:
z.b CSS Datein auslagern und einbinden anstatt
<div style="blablabla:blabla; blablabla:blabla"> IRGENDWAS</div>
und den quelltext vermüllen?
Nicht nur, es bedeutet auch, dass der HTML-Quelltext komplett anhand der logischen Struktur des Inhalts aufgebaut ist.
Es werden konsequent die am besten zum jeweiligen Inhalt passenden HTML-Elemente verwendet Überschriften, Textabsätze, Listen, Tabellen (für tabellarische Daten), Verweise, Formulare, Label, für wichtige und sehr wichtige Teile im Fließtext em und strong. (nur ein paar Beispiele, hier eine Übersicht)
Die Elemente werden (wo nötig/sinnvoll mittels div bzw. span gruppiert. Grafiken (als img) dann, wenn sie sie wirklich Inhalt der Seite sind und mit einem hilfreichen Alternativtext versehen.
Das alles, ohne dabei an das zukünftige Aussehen zu denken. Auch ohne jegliche autorenseitige Layout-/Designvorgaben ist die Seite übersichtlich und vernünftig benutzbar.
Dann - erst dann wird in einer separaten CSS-Datei das gewünschte Aussehen definiert, ohne (oder nur in wenigen Ausnahmefällen) das HTML noch einmal anzufassen. Dort werden Farben, Hintergrundfarben, Schriftarten und -größen, Rahmen, Außen- und Innenabstände, Breite, Höhe und Anordnung der Elemente sowie Designgrafiken definiert. (auch nur ein paar Beispiele)
Über die verschiedenen Selektoren können diese Eigenschaften gezielt den jeweiligen Elementen oder Elementegruppen zugewiesen werden.
Auf Wiederlesen
Detlef