HTML <noscript>

Webブラウザがスクリプトを実行しないよう設定されている場合、<SCRIPT> で記述したスクリプトを実行する代わりに、表示する文章を指定します。

Webブラウザがスクリプトを実行するように設定されている場合は、何も表示されない。

使い方

HTMLの場合、タグ名や属性名は大文字と小文字を区別しない。終了タグ(閉じタグ)は省略できない。下記のうち、いずれの書き方でもよい。

<NOSCRIPT>
  <!-- content -->
</NOSCRIPT>
<noscript>
  <!-- content -->
</noscript>

XHTMLの場合、タグ名や属性名を小文字で記述する。終了タグ(閉じタグ)は省略できない。

<noscript>
  <!-- content -->
</noscript>

属性

<NOSCRIPT> タグには次の属性を指定できる。

class
CSSのクラスを指定する。空白で区切って、複数のクラスを指定することができる。
dir
要素の記述方向を指定する。
dir属性
ltr 左から右へ記述する (日本語や英語など)
rtl 右から左へ記述する (アラビア語など)
auto ユーザーエージェントに決定させる
id
HTML文書内で一意な識別子を指定する。
lang
何語で記述されているかを指定する。
lang属性
説明
ja 日本語
ja-JP 日本語(日本)
en 英語
en-UK 英語(イギリス)
en-US 英語(アメリカ)
th タイ語
th-TH タイ語(タイ)
style
CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定することができる。
title
要素のタイトルを指定する。
onclick
要素がクリックされたときに実行するJavaScriptを指定する。
ondblclick
要素がダブルクリックされたときに実行するJavaScriptを指定する。
onmousedown
マウスのボタンが押下されたときに実行するJavaScriptを指定する。
onmouseup
マウスのボタンを押下した後で離すときに実行するJavaScriptを指定する。
onmouseover
マウスカーソルが乗ったときに実行するJavaScriptを指定する。
onmousemove
マウスカーソルが乗ったときに実行するJavaScriptを指定する。
onmouseout
マウスポインタを要素内から要素外に動かしたときに実行するJavaScript
onkeypress
キーを押して離したときに実行するJavaScriptを指定する。
onkeydown
キーを押したときに実行するJavaScriptを指定する。
onkeyup
キーを離したときに実行するJavaScriptを指定する。

使用例

HTMLタグ <noscript> の使用例を次に示す。

<p>
  JavaScriptは
  <script>document.write("ON");</script>
  <noscript>OFF</noscript>
  です。
</p>

カテゴリ

nocscript 要素は、次に示すカテゴリに属する。

コンテンツ・モデル

noscript 要素のコンテンツ・モデルは透過的である。ただし、入れ子で nosciprt 要素を含むことはできない。

透過的コンテンツ・モデルとは、親要素のコンテンツ・モデルを引き継ぐということである。

たとえば、ol 要素内に noscript 要素がある場合、noscript 要素内には li 要素を記述できる。

<ol id="example">
  <noscript>
    <li>なし</li>
  </noscript>
</ol>
<script>
  list = document.getElementById("example")
  <!-- リストに項目を追加する処理 -->
</script>

タグの省略

noscript 要素のタグは省略できない。

JavaScript

JavaScript からは HTMLElement インタフェースを通じて noscript 要素へアクセスできる。

HTMLElementインタフェースのプロパティ
プロパティ 説明
dataset DOMStringMap カスタムデータ属性
dir DOMString noscript要素のdir属性
innerText DOMString ノードに描画されるテキスト
lang DOMString noscript要素のlang属性
style CSSStyleDeclaration noscript要素のstyle属性
tabIndex long noscript要素のtabIndex属性
title DOMString noscript要素のtitle属性

HTMLタグ

参考文献

Web Hypertext Application Technology Working Group (2021) "Scripting" HTML Living Standard