script タグエレメント
script タグエレメントは、JavaScript といったスクリプトプログラムを包括するための HTML タグエレメントです。
<head> または <body> エレメント内で使用できます。
<!-- スクリプトの直接記述 --> <script type="text/javascript"> ... </script>
<script> エレメントは、<meta> によるメタ宣言を必要とします。詳しくは<script> エレメントの使い方
を参照してください。
<script> エレメントは、スクリプトを読み込む、または記述するために利用されます。ここでは <noscript> についても解説しています。
スクリプトコードを script タグエレメントで囲むことでプログラムとして実行してくれます。
スクリプトはそのまま HTML テキストに編集することはできません。テキストとして解釈されます。
現在は JavaScript の一択になっているようです。
- ad -
script タグエレメントの使い方
スクリプトを web ページで利用するためには、<meta> でスクリプト言語の指定を行う必要があります。
そして、スクリプトの宣言にはスクリプトファイルを読み込む方法と、直接 HTML テキストに書き込む方法があります。
さらに、スクリプトが利用できなった場合の配慮も忘れていはいけません。
<!-- スクリプトのメタ宣言 --> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <!-- スクリプトファイルの読み込み --> <script type="text/javascript" src="xxx.js" /> <!-- スクリプトの直接記述 --> <script type="text/javascript"> ... </script> <!-- スクリプトが利用できない場合の配慮 --> <noscript>このページにはscriptが含まれています</noscript>
以下に、スクリプトのメタ宣言、ファイルの読み込み、直接記述、スクリプトが利用できない場合の配慮についてそれぞれ解説しています。
Script メタ宣言
スクリプトを利用するためには先に <meta> エレメントでscriptのタイプを宣言します。ここではJavaScriptであることを前提としています。
<meta http-equiv="Content-Script-Type" content="text/javascript" />
Script ファイルの読み込み
外部ファイルとして作成したスクリプトファイルを読み込むには <script> エレメントを以下のように使います。
<script type="text/javascript" src="example.js" />
以下のように Script は HTML テキスト内に直接記述することもできます。
Script を直接記述
スクリプトを直接書くこともできます。<head> と <body> 内に記述することができます。
<script type="text/javascript"> ... </script>
代替テキスト <noscript>
スクリプトに対応していない場合は代替として <noscript> エレメントでスクリプトを使用している旨を表示します。
<noscript> エレメントは、<body> 内に記述します。
<noscript>このページではscriptを使用しています。</noscript>
- ad -
JavaScript
<script> を定義は HTMLScriptElement を参照してください。