<noscript> în HTML

Conținut afișat doar când JavaScript este dezactivat sau blocat în browser.

Sintaxă tag
<noscript>
  <p>Această pagină are nevoie de JavaScript.</p>
</noscript>

Ce face <noscript>

Elementul <noscript> conține HTML pe care browserul îl folosește doar dacă scripturile sunt dezactivate. Când JavaScript merge normal, conținutul lui este ignorat.

Poate sta în <body>, unde conține orice element, sau în <head>, unde poate conține doar <link>, <style> și <meta>.

Nu ajută dacă scriptul este activ, dar dă eroare sau nu se încarcă din rețea. Pentru asta, pagina trebuie gândită să funcționeze și fără scriptul respectiv.

Exemple

Exemplul 1: Mesaj pentru o aplicație care cere JavaScript

Utilizatorii cu JavaScript activ nu văd mesajul.

<div id="aplicatie"></div>
<noscript>
  <p>Calculatorul de rate are nevoie de JavaScript. Activează-l în setările browserului
    sau sună-ne la 0232 000 000.</p>
</noscript>
<script src="calculator-rate.js"></script>

Ce afișează browserul

Cu JavaScript: calculatorul de rate.
Fără JavaScript: doar paragraful cu mesajul și numărul de telefon.

Exemplul 2: Stil diferit fără JavaScript, din <head>

Meniul ascuns din CSS și deschis de un script devine vizibil când scriptul nu rulează.

<head>
  <link rel="stylesheet" href="site.css">
  <noscript>
    <style>.meniu { display: block; }</style>
  </noscript>
</head>

Ce afișează browserul

Fără JavaScript, meniul apare deschis și linkurile rămân accesibile.

Greșeli frecvente

  • Paragrafe sau <div> într-un <noscript> din <head>: acolo sunt permise doar <link>, <style> și <meta>.
  • Folosirea lui pentru a ascunde text de motoarele de căutare: Google rulează JavaScript, iar textul ascuns astfel nu aduce avantaje.

Comenzi înrudite

  • <script>: Încarcă sau conține cod executabil JavaScript pentru a adăuga interactivitate paginii.
  • <head>: Conține metadatele documentului, linkuri către fișiere CSS, scripturi și informații pentru motoarele de căutare.
  • <body>: Conține tot conținutul vizibil al unei pagini web: texte, imagini, linkuri, butoane, formulare și tabele.