Hai bisogno di testo / javascript specificato nei tag <script>?

Ho letto da qualche parte che non hai più bisogno di cose come type="text/javascript"e le cose strane CDATAe <!--nei tag dei tuoi script. Quindi, invece di:

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

    //your script here

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

Dovresti semplicemente fare:

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

Non riesco a ricordare dove ho letto questo però. Penso che sia stato da un ingegnere di Google o Yahoo e hanno specificamente menzionato quali browser richiedessero questi costrutti arcaici e perché. Qualcuno sa di quale post / articolo di blog si è parlato o ha una buona risorsa a parlarne?

Vedi il testo di Crockford sul <script>tag , in particolare:

Non utilizzare l' <!-- //-->hack con gli script. È stato progettato per impedire che gli script vengano visualizzati come testo nei browser di prima generazione Netscape 1 e Mosaic. Non è stato necessario per molti anni. <!-- //-->dovrebbe segnalare un commento HTML. I commenti devono essere ignorati, non compilati ed eseguiti. Inoltre, i commenti HTML non devono essere inclusi --, quindi uno script che diminuisce presenta un errore HTML.

...

type="text/javascript"

Questo attributo è facoltativo. Da Netscape 2, il linguaggio di programmazione predefinito in tutti i browser è JavaScript. In XHTML, questo attributo è obbligatorio e non necessario. In HTML, è meglio lasciarlo fuori. Il browser sa cosa fare.

È una raccomandazione di Crockford . So di averlo visto echeggiare altrove (ppk forse?). Le specifiche HTML5 non le richiedono.

Stranamente, è diventato in qualche modo coraggioso utilizzare l'attributo "type" per contrassegnare i <script>blocchi che non si desidera valutare:

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

Dando uno strano tipo non JavaScript, si ottiene un modo per inserire il testo non elaborato nella pagina per usarlo con altro codice JavaScript (che è presumibilmente in un blocco di script che può essere valutato).

HTML5 non ha bisogno di type="text/javascript"(è l'impostazione predefinita).

CDATA è necessario solo per le pagine XHTML, se lo script contiene caratteri HTML (come '<' e '>').

<!-- dovrebbe essere necessario solo per i browser VECCHI.

Bene, sono tentato di dire che nessuno lo utilizza text/javascriptpiù e che probabilmente anche gli strumenti di minificazione lo rimuoveranno ... In effetti, la documentazione dell'SDK di Facebook specifica solo <script>.

Tuttavia, la documentazione di Google SDK ha ancora text/javascript.

La documentazione di Amazon SDK ha ancora text/javascript.

La documentazione dell'API Linkedin ha ancora text/javascript.

Instagram sta ancora usando text/javascript.

L' attributo type identifica il linguaggio di scripting del codice incorporato in un elemento di script o referenziato tramite l'attributo src dell'elemento. Questo è specificato come tipo MIME; esempi di tipi MIME supportati includono text / javascript, text / ecmascript, application / javascript e application / ecmascript.

Secondo le specifiche HTML 4.01

L' attributo type specifica il linguaggio di scripting del contenuto dell'elemento e sovrascrive il linguaggio di scripting predefinito. Il linguaggio di scripting è specificato come tipo di contenuto (ad es. "Text / javascript"). Gli autori devono fornire un valore per questo attributo. Non esiste un valore predefinito per questo attributo.

Ma in HTML5 text/javascript è il tipo predefinito, quindi puoi ometterlo

L' attributo type fornisce la lingua dello script o il formato dei dati. Se l'attributo è presente, il suo valore deve essere un tipo MIME valido. Il parametro charset non deve essere specificato. L'impostazione predefinita, utilizzata se l'attributo è assente, è "text / javascript".

potresti pensare a questo articolo qui con la dipendenza che gli script impostano automaticamente text / javascript in HTML5 automaticamente, mentre i browser non HTML5 si aspettano ancora che tu definisca il tipo in modo specifico, anche se quasi sempre indovineranno text / javascript .

spetta al browser interpretare scriptcorrettamente il blocco in base alle intestazioni, credo, e non typeall'attributo. Quindi, per rispondere alla tua domanda, no non è necessario per i browser moderni (sto parlando IE7 +, FF, Webkit). Se stai supportando browser più vecchi di così ... Mi dispiace per te =)

Se stai inserendo un tag script all'interno di SVG , devi specificare l'attributo type. E dovrebbe essere "text/ecmascript"piuttosto che "text/javascript".

Se il tuo script è in linea (non collegato) dovrai avvolgere anche il corpo dello script in una dichiarazione CDATA. Lo scriptplate inline script per SVG (e altre varianti XML) è quindi

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

Questi potrebbero essere casi speciali "allo stato brado", ma sono abbastanza reali e l'utilizzo di SVG è in crescita, quindi non è corretto per chiunque suggerire che l'attributo type e CDATA siano completamente obsoleti nei browser moderni. I casi d'uso sono stretti, sì, ma non inauditi.

"Cambia l'ambiente al suo contrario e ogni saggezza diventa la peggiore della follia." - Ashby

👉🏻 La specifica HTML5 esorta gli autori a omettere l'attributo anziché fornire un tipo MIME ridondante. MDN

L' analisi MIME standard permette di essere servita JavaScript utilizzando qualsiasi tipo MIME ( Multipurpose Internet Mail Extensions ) che corrisponde al seguente:

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

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

Bene, continuo a vedere altri esempi senza il testo / javascript ma per qualche ragione i miei script non funzioneranno in FF quando lo faccio. Consiglierei di conservare la dichiarazione text / javascript. Il tag CDATA impedisce che javascript sia mostrato come testo normale nel tuo sito web se il tuo browser ha javascript disattivato. Personalmente non uso più quei tag, non penso che ci siano molti utenti là fuori senza e se sono là fuori potrebbero voler far crescere un po 'di cervello: P

type="text/javascript" : Richiesto in HTML 4 e XHTML, ma facoltativo in HTML5.

CDATA : Richiesto in XHTML.

<!--: Utilizzato per nascondere JavaScript da browser molto vecchi. Ad esempio: Netscape 1 e Internet Explorer 2, nessuno dei quali nessuno ne utilizza più.