stuermer: trennung von .....

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!

  1. 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

    1. 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

      --
      "Love your nation - respect the others."
      1. 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

        1. 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!

          1. 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

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. 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

    1. 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!

      1. 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

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        1. Hi,

          Zum einen, weil 'br' nur in Inline-Elementen vorkommen darf.

          wie kommst Du bloß auf diese Falschaussage?

          freundliche Grüße
          Ingo

          1. 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

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            1. 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

              --
              - Wissen ist gut
              - Können ist besser
              - aber das Beste und Interessanteste ist der Weg dahin!
              1. 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

                --
                “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        2. 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.

          1. 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

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            1. 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.

          2. 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

            --
            "I have always wished for my computer to be as easy to use as my telephone; my wish has come true because I can no longer figure out how to use my telephone." - Bjarne Stroustrup
      2. 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

        --
        Art.1: Et es wie et es
        Art.2: Et kütt wie et kütt
        Art.3: Et hätt noch immer jot jejange
        Das Kölsche Grundgesetz
        1. 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

          --
          “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
          1. 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

            --
            Art.1: Et es wie et es
            Art.2: Et kütt wie et kütt
            Art.3: Et hätt noch immer jot jejange
            Das Kölsche Grundgesetz
      3. 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

      4. 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

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. 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.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
  4. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!