<noscript> スクリプトが動作しない環境での表示内容を指定する

取り扱い	現行の標準
カテゴリ	メタデータ・コンテンツフロー・コンテンツフレージング・コンテンツ
親にできる要素	祖先に`<noscript>`が存在しない場合、フレージング・コンテンツを受け入れる要素、および`<head>`
子にできる要素	フロー・コンテンツおよびフレージング・コンテンツスクリプトの実行が無効かつ`<head>`の子孫である場合、任意の`<link>`、`<meta>`、`<style>` スクリプトの実行が無効かつ`<head>`の子孫でない場合、任意のトランスパレント・コンテンツ
対応ブラウザ	caniuseで確認

<noscript>タグの説明

<noscript>は、<script>に書かれた内容が無効の場合に、代用となるテキストを表示さるために使用します。<script>の内容が正しく実行された場合は無視されます。

JavaScriptを使って日時の取得を行います。これが無効であれば<noscript>の中に書かれた内容が表示されます。ブラウザのデベロッパーツールなどを使って、JavaScriptをOFFにすると再現できます。

HTML

<script>
	day = new Date();
	document.write("表示日時を取得＝");
	document.write(day);
</script>
<noscript>
	このページはJavaScriptを使用しています。
</noscript>

表示確認

オブジェクトやスクリプトを埋め込む要素
<img>	画像を表示する
<picture>	特定の画像に対して複数のメディアソースを提供するコンテナを設置する
<figure>	写真や図表などの自己完結した要素を表す
<figcaption>	参照される写真や図表にキャプションを追加する
<canvas>	スクリプトで定義したグラフィックスを描画するための領域を配置する
<audio>	ドキュメント内に音声コンテンツを埋め込む
<video>	ページ内に動画コンテンツを表示する
<source>	再生候補となる動画や音源などのメディアソースを指定する
<track>	動画や音声ファイルに字幕やキャプションを追加する
<embed>	外部コンテンツを埋め込む
<object>	外部リソースのオブジェクトを埋め込む
<param>	パラメーターを指定する
<script>	HTMLで実行可能なスクリプトを埋め込む
<noscript>	スクリプトが動作しない環境での表示内容を指定する
<meter>	規定範囲内の数量や測定値を表す
<progress>	作業の進捗状況を示すプログレスバーを表示する
<output>	計算結果やユーザーアクションの出力欄を作成する
<dialog>	任意のタイミングで開くダイアログボックスを作成する
<template>	ページ読み込み後にスクリプトの実行によって挿入可能な要素を定義する
<slot>	ウェブコンポーネントで独自に扱える枠を提供する