Avez-vous besoin de texte / javascript spécifié dans vos balises <script>?

J'ai lu quelque part que vous n'avez plus besoin de choses comme type="text/javascript"et les bizarres CDATAet les <!--choses dans vos balises de script. Donc, au lieu de:

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

    //your script here

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

Vous feriez juste:

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

Je ne me souviens pas où j'ai lu ça. C'était un ingénieur de Google ou Yahoo je pense, et ils ont spécifiquement mentionné quels navigateurs nécessitaient ces constructions archaïques et pourquoi. Quelqu'un sait de quel article de blog on a parlé ou a une bonne ressource pour en parler?

Voir la rédaction de Crockford sur l' <script>étiquette , notamment:

N'utilisez pas le <!-- //-->hack avec des scripts. Il était destiné à empêcher les scripts de s'afficher sous forme de texte sur les navigateurs de première génération Netscape 1 et Mosaic. Cela n'a pas été nécessaire depuis de nombreuses années. <!-- //-->est censé signaler un commentaire HTML. Les commentaires doivent être ignorés, non compilés et exécutés. De plus, les commentaires HTML ne doivent pas être inclus --, donc un script qui décrémente a une erreur HTML.

...

type="text/javascript"

Cet attribut est facultatif. Depuis Netscape 2, le langage de programmation par défaut de tous les navigateurs est JavaScript. En XHTML, cet attribut est obligatoire et inutile. En HTML, il vaut mieux le laisser de côté. Le navigateur sait quoi faire.

C'est une recommandation de Crockford . Je sais que je l'ai vu faire écho ailleurs (ppk peut-être?). La spécification HTML5 ne l'exige pas.

Curieusement, il est devenu un peu au courant d'utiliser l'attribut "type" pour marquer les <script>blocs que vous ne voulez pas être évalués:

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

En donnant un type étrange non JavaScript, vous obtenez un moyen de remplir du texte brut dans la page pour l'utiliser par un autre code JavaScript (qui est probablement dans un bloc de script qui peut être évalué).

HTML5 n'a pas besoin de type="text/javascript"(c'est la valeur par défaut).

CDATA n'est nécessaire que pour les pages XHTML, si le script contient des caractères HTML (comme «<» et «>»).

<!-- ne devrait être nécessaire que pour les ANCIENS navigateurs.

Eh bien, je suis tenté de dire que personne ne l'utilise text/javascriptplus, et que même les outils de minification le supprimeraient probablement ... En effet, la documentation du SDK Facebook précise juste <script>.

Cependant, la documentation du SDK Google l' a toujours text/javascript.

La documentation Amazon SDK a toujours text/javascript.

La documentation de l'API Linkedin a toujours text/javascript.

Instagram utilise toujours text/javascript.

L' attribut type identifie le langage de script du code incorporé dans un élément de script ou référencé via l'attribut src de l'élément. Ceci est spécifié comme un type MIME; des exemples de types MIME pris en charge incluent text / javascript, text / ecmascript, application / javascript et application / ecmascript.

Selon la spécification HTML 4.01

L' attribut type spécifie le langage de script du contenu de l'élément et remplace le langage de script par défaut. Le langage de script est spécifié comme type de contenu (par exemple, "texte / javascript"). Les auteurs doivent fournir une valeur pour cet attribut. Il n'y a pas de valeur par défaut pour cet attribut.

Mais en HTML5 text/javascript est le type par défaut, vous pouvez donc omettre

L' attribut type donne la langue du script ou le format des données. Si l'attribut est présent, sa valeur doit être un type MIME valide. Le paramètre charset ne doit pas être spécifié. La valeur par défaut, qui est utilisée si l'attribut est absent, est "text / javascript".

vous pensez peut-être cet article ici, la dépendance étant que les scripts par défaut utilisent automatiquement le texte / javascript en HTML5, tandis que les navigateurs non HTML5 s'attendent toujours à ce que vous définissiez le type spécifiquement, même s'ils devineront presque toujours le texte / javascript de toute façon .

c'est au navigateur d'interpréter scriptcorrectement le bloc en fonction des en-têtes, je crois, et non de l' typeattribut. Donc pour répondre à votre question, non ce n'est pas nécessaire pour les navigateurs modernes (je parle IE7 +, FF, Webkit). Si vous supportez des navigateurs plus anciens que ça ... je suis désolé pour vous =)

Si vous insérez une balise de script dans SVG, vous devez spécifier l'attribut type. Et ça devrait être "text/ecmascript"plutôt que"text/javascript" .

Si votre script est en ligne (non lié), vous devrez également envelopper le corps du script dans une déclaration CDATA. Le passe-partout de script en ligne pour SVG (et d'autres variantes XML) est donc

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

Il peut s'agir de cas spéciaux «à l'état sauvage», mais ils sont assez réels et l'utilisation de SVG augmente, il est donc incorrect pour quiconque de suggérer que l'attribut type et CDATA sont entièrement obsolètes dans les navigateurs modernes. Les cas d'utilisation sont étroits, oui, mais pas inconnus.

"Changez l'environnement à son contraire et chaque morceau de sagesse devient la pire de la folie." - Ashby

👉🏻 La spécification HTML5 exhorte les auteurs à omettre l'attribut plutôt que de fournir un type MIME redondant. MDN

La norme de reniflage MIME permet de servir JavaScript à l'aide de tout type MIME ( extensions de messagerie Internet polyvalentes ) qui correspond à ce qui suit:

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

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

Eh bien, je continue à voir plus d'exemples sans le texte / javascript, mais pour une raison quelconque, mes scripts ne fonctionneront pas dans FF quand je le fais. Je recommanderais de conserver la déclaration text / javascript. La balise CDATA empêche javascript d'être affiché sous forme de texte brut sur votre site Web si votre navigateur a désactivé javascript. Personnellement, je n'utilise plus ces balises, je ne pense pas qu'il y ait beaucoup d'utilisateurs sans et s'ils sont là-bas, ils voudront peut-être faire pousser des cerveaux: P

type="text/javascript" : Requis en HTML 4 et XHTML, mais facultatif en HTML5.

CDATA : Obligatoire en XHTML.

<!--: Utilisé pour masquer le JavaScript des très anciens navigateurs. Par exemple: Netscape 1 et Internet Explorer 2, que personne n'utilise plus.