<noscript>: NOSCRIPT 要素
最終更新：2026-10-13
<noscript>NOSCRIPT 要素
JavaScript が無効または未対応の場合に内容を表示し、フォールバック（代替）を提供します。
| カテゴリ | スクリプトと埋め込み |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </noscript> タグ |
| ステータス | 標準 |
📝 構文
<noscript>フォールバックコンテンツ</noscript>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <noscript> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： noscript は JS が動作するときは非表示になります。フローコンテンツを含められます。
❓ よくある質問
Qnoscript の内容はいつ表示されますか？
Aブラウザが JavaScript を無効にしているとき、またはスクリプト非対応のときだけ
<noscript> の内容を描画します。JS が有効なら内容は完全に無視されます（レイアウトも取りません）。よくある用途は、JS 不可のときのフォールバック表示、解析コードのバックアップ、JS なし版のナビゲーションリンクです。Qnoscript は body の中に置けますか？
A置けます。head の中では link/style/meta のみを含められますが、body の中では任意のフローコンテンツを含められます。ページの前方（body の冒頭など）に置くと、JS 無効のユーザーに読み込みの瞬間から案内が見えます。
Q今のウェブサイトにも noscript は必要ですか？
A場面によります。中心コンテンツをサーバーで描画するサイトなら、noscript は飾り程度です。JS への依存が重いアプリでは、「このサイトは JavaScript を有効にする必要があります」という基本案内を noscript で出す価値がまだあります。コストは低いので、1本の案内を残すのは良い習慣です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
