<noscript>：スクリプトが動作しない環境で表示する代替内容を指定する要素・HTMLタグの解説

<noscript>タグの解説

<noscript>は、スクリプトが動作しない環境で表示する代替内容を表します。スクリプトが有効であれば何も表示しませんが、ブラウザがスクリプトに対応していない場合、またはユーザーがスクリプトを無効にしている場合に、この要素にが有効になり指定した内容が表示されます。

基本的に<noscript>は<script>の補助機能として配置します。<script>に書かれた内容が正しく実行された場合は無視されます。

<noscript>タグの特徴

• レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
• 視覚的な効果は特に与えられません。スクリプトが無効の場合に内包された内容を表示します。
• 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。

<noscript>要素に指定できる属性

グローバル属性

全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。

イベントハンドラ

全てのHTML要素に指定できるコンテンツ属性です。

<noscript>要素の使い方とサンプルコード

この要素の最も基本的な書き方は以下の通りです。<script>の内容が実行された場合は表示されませんが、ブラウザのJavaScriptを無効にすると<noscript>の中に記述した内容が表示されます。

<script>
	document.write("スクリプト実行");
</script>
<noscript>
	スクリプトを実行できませんでした。
</noscript>

ブラウザのデベロッパーツールを使って、JavaScriptをOFFにしてみましょう。Chromeであれば開発者ツールを開いた状態で設定画面に移動し、デバッグ項目にスクリプトをオフにする機能があります。

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