Benötigen Sie Text / Javascript, der in Ihren <script> -Tags angegeben ist?

Ich habe irgendwo gelesen, dass Sie Dinge wie type="text/javascript"und das Seltsame CDATAund <!--Dinge in Ihren Skript-Tags nicht mehr brauchen . Also statt:

<script type="text/javascript">
//<![CDATA[
<!--

    //your script here

-->
//]]>
</script>

Sie würden einfach tun:

<script>
    //your script here
</script>

Ich kann mich nicht erinnern, wo ich das gelesen habe. Ich glaube, es war von einem Google- oder Yahoo-Ingenieur, und sie erwähnten ausdrücklich, welche Browser diese archaischen Konstrukte benötigten und warum. Weiß jemand, über welchen Blog-Beitrag / Artikel hier gesprochen wurde, oder hat eine gute Ressource, die darüber spricht?

Siehe Crockfords Artikel auf dem <script>Tag , insbesondere:

Verwenden Sie den <!-- //-->Hack nicht mit Skripten. Es sollte verhindert werden, dass Skripte in den Browsern Netscape 1 und Mosaic der ersten Generation als Text angezeigt werden. Es ist seit vielen Jahren nicht mehr notwendig. <!-- //-->soll einen HTML-Kommentar signalisieren. Kommentare sollten ignoriert, nicht kompiliert und ausgeführt werden. Außerdem dürfen HTML-Kommentare nicht enthalten sein --, sodass ein Skript, das dekrementiert, einen HTML-Fehler aufweist.

...

type="text/javascript"

Dieses Attribut ist optional. Seit Netscape 2 ist JavaScript die Standardprogrammiersprache in allen Browsern. In XHTML ist dieses Attribut erforderlich und nicht erforderlich. In HTML ist es besser, es wegzulassen. Der Browser weiß, was zu tun ist.

Es ist eine Crockford- Empfehlung. Ich weiß, ich habe gesehen, dass es woanders widerhallt (ppk vielleicht?). Die HTML5-Spezifikation erfordert dies nicht.

Seltsamerweise ist es etwas selbstverständlich geworden , das Attribut "type" zu verwenden, um <script>Blöcke zu markieren , die nicht bewertet werden sollen:

<script type='text/html-template'>
  <div> this is a template </div>
</script>

Einen seltsamen Nicht-JavaScript - Typen Indem Sie einen Weg , um Sachen Rohtext in die Seite für die Verwendung durch anderen JavaScript - Code erhalten (die vermutlich in Skriptblock ist, der kann ausgewertet werden).

HTML5 benötigt das nicht type="text/javascript"(es ist die Standardeinstellung).

CDATA wird nur für XHTML-Seiten benötigt, wenn das Skript HTML-Zeichen (wie '<' und '>') enthält.

<!-- sollte nur für ALTE Browser benötigt werden.

Nun, ich bin versucht zu sagen, dass niemand text/javascriptmehr verwendet und dass sogar Minifizierungstools es wahrscheinlich entfernen würden ... In der Tat spezifiziert die Facebook SDK-Dokumentation genau <script>.

Die Google SDK-Dokumentation ist jedoch noch vorhanden text/javascript.

Die Amazon SDK-Dokumentation ist noch vorhanden text/javascript.

Die Linkedin API-Dokumentation ist noch vorhanden text/javascript.

Instagram wird immer noch verwendet text/javascript.

Das type- Attribut identifiziert die Skriptsprache des Codes, der in ein Skriptelement eingebettet ist oder über das src-Attribut des Elements referenziert wird. Dies wird als MIME-Typ angegeben. Beispiele für unterstützte MIME-Typen sind Text / Javascript, Text / Ecmascript, Anwendung / Javascript und Anwendung / Ecmascript.

Gemäß HTML 4.01 Spezifikation

Das Attribut type gibt die Skriptsprache des Inhalts des Elements an und überschreibt die Standard-Skriptsprache. Die Skriptsprache wird als Inhaltstyp angegeben (z. B. "Text / Javascript"). Autoren müssen einen Wert für dieses Attribut angeben. Für dieses Attribut gibt es keinen Standardwert.

In HTML5 text/javascript ist dies jedoch der Standardtyp, sodass Sie ihn weglassen können

Das type- Attribut gibt die Sprache des Skripts oder das Format der Daten an. Wenn das Attribut vorhanden ist, muss sein Wert ein gültiger MIME-Typ sein. Der Zeichensatzparameter darf nicht angegeben werden. Die Standardeinstellung, die verwendet wird, wenn das Attribut fehlt, ist "Text / Javascript".

Möglicherweise denken Sie hier an diesen Artikel mit der Abhängigkeit, dass Skripte in HTML5 standardmäßig automatisch Text / Javascript verwenden, während Nicht-HTML5-Browser weiterhin erwarten, dass Sie den Typ spezifisch spezifizieren, obwohl sie fast immer Text / Javascript erraten .

Es liegt am Browser, den scriptBlock anhand der Überschriften und nicht anhand des typeAttributs richtig zu interpretieren . Um Ihre Frage zu beantworten, ist dies für moderne Browser nicht erforderlich (ich spreche von IE7 +, FF, Webkit). Wenn Sie ältere Browser unterstützen, tut mir das leid =)

Wenn Sie ein Skript-Tag in SVG einfügen, müssen Sie das Typattribut angeben. Und es sollte "text/ecmascript"eher sein als "text/javascript".

Wenn Ihr Skript inline (nicht verknüpft) ist, müssen Sie den Skriptkörper auch in eine CDATA-Deklaration einschließen. Das Inline-Skript-Boilerplate für SVG (und andere XML-Varianten) ist somit

<script type="text/ecmascript">
<![CDATA[
// your javascript code goes here
]]>
</script>

Dies können Sonderfälle "in the wild" sein, aber sie sind real genug, und die Verwendung von SVG nimmt zu. Daher ist es für andere falsch zu behaupten, dass das Typattribut und CDATA in modernen Browsern völlig veraltet sind. Die Anwendungsfälle sind zwar eng, aber nicht ungewöhnlich.

"Ändern Sie die Umgebung in das Gegenteil und jede Weisheit wird zur schlimmsten Torheit." - Ashby

👉🏻 Die HTML5-Spezifikation fordert die Autoren auf, das Attribut wegzulassen, anstatt einen redundanten MIME-Typ bereitzustellen. MDN

Mit dem MIME-Sniffing-Standard kann JavaScript mit einem beliebigen MIME-Typ ( Multipurpose Internet Mail Extensions ) bereitgestellt werden, der den folgenden Anforderungen entspricht :

<script type="application/javascript"></script>
<script type="application/ecmascript"></script>

<script type="text/javascript"></script>
<script type="text/ecmascript"></script>

Nun, ich sehe immer mehr Beispiele ohne Text / Javascript, aber aus irgendeinem Grund funktionieren meine Skripte in FF nicht, wenn ich das tue. Ich würde empfehlen, die Text- / Javascript-Erklärung beizubehalten. Das CDATA-Tag verhindert, dass Javascript auf Ihrer Website als einfacher Text angezeigt wird, wenn in Ihrem Browser Javascript deaktiviert ist. Persönlich benutze ich diese Tags nicht mehr. Ich glaube nicht, dass es viele Benutzer ohne gibt, und wenn sie da draußen sind, möchten sie vielleicht ein paar Köpfe wachsen lassen: P.

type="text/javascript" : Erforderlich in HTML 4 und XHTML, aber optional in HTML5.

CDATA : Erforderlich in XHTML.

<!--: Wird verwendet, um das JavaScript vor sehr alten Browsern zu verbergen. Beispiel: Netscape 1 und Internet Explorer 2, von denen keiner mehr verwendet.