Apakah Anda memerlukan teks / javascript yang ditentukan dalam tag <script> Anda?

Saya membaca bahwa Anda tidak lagi perlu hal-hal seperti type="text/javascript"dan aneh CDATAdan <!--hal-hal di tag naskah Anda. Jadi, alih-alih:

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

    //your script here

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

Anda hanya perlu:

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

Saya tidak ingat di mana saya membaca ini. Itu dari seorang insinyur Google atau Yahoo saya pikir, dan mereka secara spesifik menyebutkan browser mana yang memerlukan konstruksi kuno ini dan mengapa. Adakah yang tahu posting blog / artikel apa yang dibicarakan ini, atau punya sumber yang bagus untuk membicarakan ini?

Lihat tulisan Crockford pada <script>tag , terutama:

Jangan gunakan <!-- //-->retasan dengan skrip. Itu dimaksudkan untuk mencegah skrip muncul sebagai teks pada browser generasi pertama Netscape 1 dan Mosaic. Itu tidak perlu selama bertahun-tahun. <!-- //-->seharusnya memberi sinyal komentar HTML. Komentar harus diabaikan, tidak dikompilasi dan dieksekusi. Juga, komentar HTML tidak disertakan --, sehingga skrip yang mengurangi memiliki kesalahan HTML.

...

type="text/javascript"

Atribut ini bersifat opsional. Sejak Netscape 2, bahasa pemrograman default di semua browser adalah JavaScript. Dalam XHTML, atribut ini diperlukan dan tidak perlu. Dalam HTML, lebih baik tinggalkan saja. Browser tahu apa yang harus dilakukan.

Ini rekomendasi Crockford . Saya tahu saya pernah melihatnya bergema di tempat lain (ppk mungkin?). Spesifikasi HTML5 tidak memerlukannya.

Anehnya, menjadi agak au courant untuk menggunakan atribut "type" untuk menandai <script>blok yang tidak ingin Anda evaluasi:

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

Dengan memberikan tipe non-JavaScript yang aneh, Anda mendapatkan cara untuk memasukkan teks mentah ke halaman untuk digunakan oleh kode JavaScript lainnya (yang mungkin dalam blok skrip yang dapat dievaluasi).

HTML5 tidak memerlukan type="text/javascript"(itu default).

CDATA hanya diperlukan untuk halaman XHTML, jika skrip memiliki karakter HTML (seperti '<' dan '>') di dalamnya.

<!-- seharusnya hanya diperlukan untuk browser LAMA.

Yah, saya tergoda untuk mengatakan bahwa tidak ada yang menggunakan text/javascriptlagi, dan bahkan alat minifikasi mungkin akan menghapusnya ... Memang, dokumentasi Facebook SDK hanya menentukan <script>.

Namun, dokumentasi Google SDK masih memiliki text/javascript.

Dokumentasi Amazon SDK masih memiliki text/javascript.

Dokumentasi Linkedin API masih memiliki text/javascript.

Instagram masih menggunakan text/javascript.

The jenis atribut mengidentifikasi bahasa scripting kode tertanam dalam unsur naskah atau direferensikan melalui atribut src elemen. Ini ditentukan sebagai tipe MIME; contoh tipe MIME yang didukung termasuk teks / javascript, teks / ecmascript, aplikasi / javascript, dan aplikasi / ecmascript.

Menurut Spesifikasi HTML 4.01

The jenis atribut menentukan bahasa scripting dari isi elemen dan menimpa bahasa scripting default. Bahasa scripting ditentukan sebagai tipe konten (misalnya, "teks / javascript"). Penulis harus memberikan nilai untuk atribut ini. Tidak ada nilai default untuk atribut ini.

Tetapi dalam HTML5 text/javascript adalah tipe default, sehingga Anda dapat menghilangkan

The jenis atribut memberikan bahasa script atau format data. Jika atribut ada, nilainya harus merupakan tipe MIME yang valid. Parameter charset tidak boleh ditentukan. Default, yang digunakan jika atribut tidak ada, adalah "teks / javascript".

Anda mungkin memikirkan artikel ini di sini dengan ketergantungan bahwa skrip default untuk teks / javascript dalam HTML5 secara otomatis, sementara peramban non-HTML5 masih berharap Anda menentukan jenisnya secara spesifik meskipun mereka hampir selalu menebak teks / javascript. .

terserah browser untuk menafsirkan scriptblok dengan benar berdasarkan header, saya percaya, dan bukan typeatributnya. Jadi untuk menjawab pertanyaan Anda, tidak, itu tidak diperlukan untuk browser modern (saya berbicara IE7 +, FF, Webkit). Jika Anda mendukung browser yang lebih lama dari itu ... Saya merasa kasihan pada Anda =)

Jika Anda memasukkan tag skrip ke dalam SVG, Anda harus menentukan atribut type. Dan itu seharusnya "text/ecmascript"bukan "text/javascript".

Jika skrip Anda inline (tidak ditautkan), Anda harus membungkus skrip juga dalam deklarasi CDATA. Dengan demikian boilerplate skrip inline untuk SVG (dan varian XML lainnya)

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

Ini mungkin merupakan kasus khusus 'di alam liar', tetapi mereka cukup nyata, dan penggunaan SVG sedang tumbuh, jadi tidak benar bagi orang lain untuk menyarankan bahwa atribut tipe dan CDATA sepenuhnya usang di browser modern. Kasus penggunaannya sempit, ya, tapi tidak pernah terdengar.

"Ubah lingkungan menjadi kebalikannya dan setiap kebijaksanaan menjadi yang terburuk dari kebodohan." - Ashby

Specification Spesifikasi HTML5 mendesak penulis untuk menghilangkan atribut daripada menyediakan tipe MIME yang berlebihan. MDN

Standar MIME Sniffing memungkinkan JavaScript dilayani menggunakan semua jenis MIME ( Ekstensi Surat Internet Multiguna ) yang cocok dengan yang berikut ini:

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

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

Yah saya terus melihat lebih banyak contoh tanpa teks / javascript tetapi untuk beberapa alasan skrip saya tidak akan berfungsi dalam FF ketika saya melakukannya. Saya akan merekomendasikan menjaga deklarasi teks / javascript. Tag CDATA mencegah javascript ditampilkan sebagai teks biasa di situs web Anda jika browser javascript dimatikan. Secara pribadi saya tidak menggunakan tag itu lagi tidak berpikir ada banyak pengguna di luar sana tanpa dan jika mereka di luar sana mereka mungkin ingin menumbuhkan otak: P

type="text/javascript" : Diperlukan dalam HTML 4 dan XHTML, tetapi opsional dalam HTML5.

CDATA : Diperlukan dalam XHTML.

<!--: Digunakan untuk menyembunyikan JavaScript dari browser yang sangat lama. Misalnya: Netscape 1 dan Internet Explorer 2, yang keduanya tidak lagi digunakan.