HTML noscript tag | belajar <noscript> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML noscript tag. Tutorial dan panduan mengenai element <noscript>...</noscript> yang digunakan untuk menampilkan teks apabila javascript tidak berfungsi/dinonaktifkan. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <noscript>.

Deskripsi
Penjelasan HTML noscript tag

HTML <noscript> element digunakan sebagai konten alternatif (pengganti) apabila fungsi script (Javascript) pada browser yang digunakan oleh user dinonaktifkan (dimatikan) atau browser yang digunakan tidak mendukung script (Tidak adanya fungsi untuk menjalankan javascript). Jika demikian, maka konten (teks) di dalam <noscript> element tersebut akan muncul sebagai gantinya.

<noscript> dapat ditulis didalam element <head> ataupun <body>. Jika ditulis di dalam element <head>, maka <noscript> hanya boleh berisi konten <link>, <style>, dan <meta> element.

Global Attributes
Atribut Secara Global (Keseluruhan)

<noscript> tag mencakup global attributes.

Event Attributes
Atribut event (Peristiwa)

<noscript> tag mencakup event attributes.

Attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <noscript> element

HTML 
<script>
  document.write("Hallo Sobat!")
</script>

<noscript>
  Browser tidak support javascript atau fungsi script pada browser telah dimatikan.
</noscript>
Informasi Tambahan!

Jika Anda mengunakan <noscript> tag, ada baiknya juga Anda mengaplikasikan cara pada contoh dibawah ini:

Berikut contoh <script> tag yang digunakan bersamaan dengan <noscript> element yang berisi tag komentar, sehingga script tidak akan ditampilkan apabila fungsi script pada browser dimatikan atau browser tidak mendukung script (javascript). Tetapi, tetap dijalankan jika sebaliknya.

<script>
  <!--
  function pesanTxt() {
  alert("Hallo Sobat")
  }
  pesanTxt();
  //-->
</script>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML noscript tag</title>
    <style>

    </style>
  </head>
  <body>
    <script>
      document.write("Hallo Sobat!")
    </script>

    <script>
      <!--
      function pesanTxt() {
      alert("Hallo Sobat")
      }
      pesanTxt();
      //-->
    </script>

    <noscript>
      Browser tidak support javascript atau fungsi script pada browser telah dimatikan.
    </noscript>
  </body>
</html>
SHARE
Previous Article Next Article