DieCaro: Übertragung von HTML und CSS Dateien

Hallo,

kann mir jemand sagen, wie HTML und CSS Dateien übertragen werden?
Also wird zuerst die HTML-Datei oder zuerst die CSS-Datei übertragen oder wie läuft das ab?

Grüße, Caro

  1. Hi DieCaro!

    kann mir jemand sagen, wie HTML und CSS Dateien übertragen werden?
    Also wird zuerst die HTML-Datei oder zuerst die CSS-Datei übertragen oder wie läuft das ab?

    Wenn dir jemand in einem Brief schreibt, von welchem Bankschließfach du deine Halskette abholen kannst, liest du dann zuerst den Brief und holst du zuerst deine Halskette?

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Hi Ingrid!

      [...] liest du dann zuerst den Brief und holst du zuerst deine Halskette?

      Korrekt wäre natürlich "oder" statt "und". =)

      MfG H☼psel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  2. Also wird zuerst die HTML-Datei oder zuerst die CSS-Datei übertragen oder wie läuft das ab?

    Du forderst vom Server eine Ressource per HTTP an - zb. http://example.com/foo

    Der Server liefert das dahinerliegende Dokument aus (bzw. generiert den an dich zu schickenden Quelltext). Das kann HTML sein, ein Bild, CSS oder ganz etwas anderes.

    Gehen wir von HTML aus - das HTML-Dokument kommt bei dir im Browser an.

    Der Browser parst das Dokument und findet diverse Attribute die wieder Ressourcen refernzieren - z.B. link-Elemente mit einer Ressource im href-Attribut.

    sagen wir mal <link type="text/css" rel="stylesheet" href="http://example.com/foo/stylesheet" media="screen" />

    Der Server wird dir die Ressource ausliefern - idR. sollte das eine CSS-Datei sein.

    Darin steht z.B.
    @import url('http://example.com/foo/andersstylesheet');

    Das ist Die vorgehensweise bei der ersten Anforderung - bei einer Weiteren anfrage wird der Browser ggf. beide CSS-Ressourcen aus dem Cache laden und nur noch das HTML-Dokument vom Server anfordern.

    Die Reihenfolge ist aber ansich nicht definiert, ergibt sich aber aus der verschachtelung der Dokumente.