Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】noscript要素の使い方

noscript要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

noscriptオブジェクトは、ウェブページでJavaScriptが利用できない、または無効化されている状況において、代替コンテンツを提供するために使用される特別なHTML要素を表すオブジェクトです。ウェブブラウザがJavaScriptの実行をサポートしていない場合や、ユーザーが意図的にJavaScriptを無効に設定している場合に、この要素内部に記述されたHTMLコンテンツが表示されます。

具体的には、通常の環境でJavaScriptが有効になっている場合、ブラウザはnoscript要素とその内部にあるコンテンツを完全に無視し、ページ上には何も表示しません。しかし、何らかの理由でJavaScriptが利用できない状況になると、ブラウザはnoscript要素内のコンテンツを通常のHTMLとして解釈し、ユーザーに表示します。

この機能は、サイトのアクセシビリティ向上や、JavaScriptに依存しない基本的な機能の提供に役立ちます。例えば、「このサイトはJavaScriptが必要です。JavaScriptを有効にしてください。」といったメッセージを表示したり、JavaScriptなしでも動作する代替のナビゲーションリンクを提供したりすることができます。ウェブページの利用体験を損なうことなく、多様な環境のユーザーに対応するために重要な役割を果たす要素です。

公式リファレンス: <noscript>: The Noscript element

構文(syntax)

1<noscript>
2  <p>Your browser does not support JavaScript, or it is disabled. Some features of this site may not work correctly without JavaScript.</p>
3  <a href="/about-javascript">Learn more about JavaScript</a>
4</noscript>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ