HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのnoscriptタグとは？使い方と動作をわかりやすく解説

HTMLの<noscript>要素は、ウェブサイトへアクセスしたものの、ブラウザでスクリプト（JavaScript）が無効になっている訪問者に対して、代替コンテンツを表示するために使用されるタグです。

補足：訪問者には<noscript>内に設定した内容がそのまま表示されます。これは、使用しているブラウザでスクリプトが無効化されているか、そもそもスクリプトに対応していないブラウザであることが理由です。JavaScriptが正常に動作する環境では、このタグの中身は一切表示されません。

それでは、<noscript>タグの具体的な実装例を見ていきましょう。

コード例

<!DOCTYPE html>
<html>
<body>
<script>
    document.write("This is it!")
</script>
    <noscript>お使いのブラウザがJavaScriptに対応していないか、無効に設定されている場合に、このテキストが表示されます。</noscript>
</body>
</html>

出力結果

上記のコードを実行すると、以下のような結果になります。

ケース1：JavaScriptが有効な場合

ブラウザでJavaScriptが有効になっている場合、スクリプトが正常に実行され、次のように表示されます。

HTMLのnoscriptタグとは？使い方と動作をわかりやすく解説

ケース2：JavaScriptが無効な場合

一方、ブラウザでJavaScriptが無効に設定されている場合は、<noscript>タグ内に記述したテキストが代わりに表示されます。

HTMLのnoscriptタグとは？使い方と動作をわかりやすく解説

このように<noscript>タグを活用することで、JavaScriptが使えない環境のユーザーにも適切な情報を伝えることができ、よりアクセシビリティの高いウェブページを作成できます。

  1. HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"