HTML značka <noscript>
Značka noscript zobrazí obsah pouze když je vypnutý JavaScript.
Značka <noscript> slouží k zobrazení alternativního obsahu v případě, že prohlížeč nepodporuje nebo nemá zapnutý JavaScript.
Použití
<noscript>
<p>Pro správné fungování stránky zapněte JavaScript.</p>
</noscript>Obsah uvnitř <noscript> se zobrazí pouze když:
- Prohlížeč nepodporuje JavaScript,
- uživatel má JavaScript vypnutý,
- prohlížeč blokuje skripty (např. rozšíření NoScript).
Umístění
Značku <noscript> lze použít jak v <head>, tak v <body>:
<head>
<noscript>
<link rel="stylesheet" href="noscript.css">
</noscript>
</head>V hlavičce může obsahovat pouze značky <link>, <style> a <meta>.
Využití pro lazy loading
Zajímavé využití <noscript> je při lazy loadingu obrázků. Obsah uvnitř této značky se nestahuje automaticky, dokud není potřeba:
<noscript>
<img src="obrazek.png" alt="Popis">
</noscript>Na rozdíl od skrytého <img> přes CSS se obrázek uvnitř <noscript> nestáhne, dokud ho JavaScript nevytáhne a nevloží do DOM.
- Kdy začne stahování obrázku – proč je
<noscript>jediné spolehlivé řešení
Detekce JavaScriptu
Pro stylování stránky podle přítomnosti JS je lepší použít třídu na <html>:
<html class="no-js">
<script>
document.documentElement.classList.remove('no-js');
document.documentElement.classList.add('js');
</script>Pak lze v CSS stylovat:
.no-js .pouze-s-js { display: none; }
.js .bez-js { display: none; }Související články
Jak udělat input s automatickou šířkou podle obsahu
Několik způsobů, jak dosáhnout toho, aby se textové pole rozšiřovalo a zužovalo podle délky zadaného textu.
HTTP metody GET a POST
Kdy použít metodu GET a kdy POST. Rozdíly mezi metodami, datové limity a doporučení pro správné použití.
Zanořování nezanořitelných HTML značek
Jak funguje zanořování značek jako <p> nebo <button> v HTML parseru versus DOM metodách.
Možnosti stylování <iframe>
Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.