Warum & lt; script src = "min.js" & gt; & lt; / script & gt; aber & lt; link rel = "stylesheet" href = "min" & gt; Warum nicht & lt; style href = "min.css" & gt; & lt; / style & gt;

Einem verwandten von mir, die begann zu lernen, Web-Entwicklung, fragte mich diese Frage.

Warum <script src="min.js"></script> aber <link href="min.css"> warum nicht <style href="min.css"></style> warum verwenden wir link tag zum hinzufügen von externen css in die Seite, aber wenn wir den link css zu Seite, aber wir verwenden <style>...</style> Wann schreiben wir die css-innen <head>?

Ich sagte ihm, dass es ist, weil der Spezifikation. Gibt es mehr Infos zu ihm geben?

InformationsquelleAutor der Frage Jitendra Vyas | 2011-08-19

  1. 40

    Historisch... Zufall? Sie kann empfehlen, ihn zu Lesen Teil über die Vergangenheit diveintohtml5.infowo es einige interessante Geschichten, die tatsächlich E-mail-Korrespondenzen, die zwischen web-Entwickler. Web-Entwickler bedeutet, dass Sie waren, in der TatEntwicklung der Web -, die wir heute sehen 😉

    I. e. <img> tag, die wir gewohnt sind:

    <IMG SRC="file://foobar.com/foo/bar/blargh.xbm">

    werden könnte:

    <ICON name="NoEntry" href="http://note/foo/bar/NoEntry.xbm">

    oder

    <A HREF="..." INCLUDE>See photo</A>

    oder

    <INCLUDE HREF="...">

    aber schließlich devs beschlossen, stick mit <img>die bereits implementiert:

    Wir nicht bereit sind, zu unterstützen INCLUDE/EMBED an dieser Stelle. ... So sind wir
    wahrscheinlich gehen mit (nicht-SYMBOL, da nicht alle
    inline-Bilder können sinnvoll icons genannt). Für die Zeit,
    inline-Bilder werden nicht explizit content-type würde; die Straße hinunter, wir
    plan zu unterstützen, der (zusammen mit der Allgemeinen Anpassung von MIME).
    Tatsächlich, die Bild lesend, sind wir derzeit mit herauszufinden,
    das Bild-format auf der fliege, so dass die Dateinamen-Erweiterung nicht einmal die
    signifikant ist.

    Ich weiß nicht die direkte Antwort auf deine Frage, aber ich bin ziemlich neugierig <link> tag auch. Finden, Antwort würde wahrscheinlich auch einigen web-Archiven zu Graben.

    InformationsquelleAutor der Antwort Xaerxess

  2. 24

    Es ist ein Unterschied, zumindest von der W3C-Sicht.

    Einen <style> element stellt einen block von CSS-Regeln, die auf das aktuelle Dokument angewendet. Allerdings, externe Stylesheets sind eigentlich als ganze Dokumente Verwandte auf der aktuellen Seite und die user-agents sind frei, Sie zu ignorieren solcher Dokumente, je nach type und media Attribute des Links. Zum Beispiel:

    <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

    In dieser situation, user-agents in der Regel nur Folgen Sie einem der links, die entweder die screen eine (für normale Wiedergabe) oder die print eine (für, sowie, Druck). Die Idee war, zu bewahren, Bandbreite, indem nur das herunterladen der entsprechenden Ressourcen, anstatt Holen die alles und Filterung auf dem media-Typ später.

    Dies ist in der Spezifikation erwähnt:

    Wenn die LINK element links ein externes Stylesheet mit einem Dokument, das
    type Attribut gibt die Stylesheet-Sprache und die media
    Attribut gibt die gewünschte rendering-medium oder Medien. Benutzer
    Agenten können Zeit sparen, indem Sie das abrufen aus dem Netzwerk nur diese Stil
    Blätter, die für das aktuelle Gerät.

    InformationsquelleAutor der Antwort Frédéric Hamidi

  3. 3

    Haben Sie beide eine praktisch identische Bedeutung, Sie haben entdeckt eine Art von Inkonsistenz in HTML. Die Ursache HIERFÜR ist, dass die standards wurden auf der Grundlage der Implementierungen der verschiedenen Browser. Verschiedene Browser kam mit den Parametern in den verschiedenen tags, die das W3C gerade beschlossen, einige der Ungereimtheiten zu halten, um rückwärts Kompatibilität.

    Elementen, die src: script img iframe input video frame

    Elementen, die href: a link base

    InformationsquelleAutor der Antwort Peter Olson

  4. 1

    Dies könnte erklären, die Dinge, glaube ich: http://www.w3.org/TR/html4/struct/links.html

    InformationsquelleAutor der Antwort Edgar

  5. 1

    Den <link> - tag wird verwendet, um den "link" andere Dokumente in die aktuelle ein, und beschreiben Sie die Beziehung, oder rel mit.

    Können Sie auch <link> zu verknüpfen anderem auf das Dokument. Zum Beispiel favicons:

    <link rel="shortcut icon" href="favicon.ico" />

    InformationsquelleAutor der Antwort Rocket Hazmat

  6. 1

    Möglicher Grund für link ref vs style:

    link kann nur gehen auf die headwo "Metadaten Inhalte" erlaubt ist, in der Regel head,

    style konnte nicht gehen, in der body vor HTML5 (jetzt können Sie mit scopedaber noch nicht an externe Stile). Daher die Wahl zwischen link ref und style src ist willkürlich.

    script könnte jedoch bereits eine externe Skript in der body vor HTML5, es musste script src. Aber da musste es vorhanden ist, warum nicht zulassen, dass es in der head (wo script schon erlaubt war), und verbieten link rel=script Doppelarbeit zu vermeiden?

    InformationsquelleAutor der Antwort Ciro Santilli 新疆改造中心 六四事件 法轮功

Schreibe einen Kommentar