<noscript> スクリプトが動作しない環境での表示内容を指定する
| 取り扱い | 現行の標準 |
| カテゴリ |
メタデータ・コンテンツ フロー・コンテンツ フレージング・コンテンツ |
| 親にできる要素 | 祖先に<noscript>が存在しない場合、フレージング・コンテンツを受け入れる要素、および<head> |
| 子にできる要素 | フロー・コンテンツおよびフレージング・コンテンツ スクリプトの実行が無効かつ <head>の子孫である場合、任意の<link>、<meta>、<style>スクリプトの実行が無効かつ <head>の子孫でない場合、任意のトランスパレント・コンテンツ |
| 対応ブラウザ | caniuseで確認 |
<noscript>タグの説明
<noscript>は、<script>に書かれた内容が無効の場合に、代用となるテキストを表示さるために使用します。<script>の内容が正しく実行された場合は無視されます。
<noscript>タグの特徴
- レイアウトの初期値はブロックレベルです。文章の改行に影響を与えます。
- 視覚的な効果は特に与えられません。スクリプトが無効の場合に内包された内容を表示します。
- 同一のページ内に複数使うことができます。ただし、この要素自体を入れ子にすることはできません。
<noscript>に指定できる主な属性
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<noscript>の使い方とサンプル
JavaScriptを使って日時の取得を行います。これが無効であれば<noscript>の中に書かれた内容が表示されます。ブラウザのデベロッパーツールなどを使って、JavaScriptをOFFにすると再現できます。
HTML
<script>
day = new Date();
document.write("表示日時を取得＝");
document.write(day);
</script>
<noscript>
このページはJavaScriptを使用しています。
</noscript>
表示確認