HTML標準︵目的別︶
HTML標準︵ABC順︶
HTML5︵旧仕様︶
HTML4︵旧仕様︶
CSSプロパティ︵目的別︶
CSSプロパティ︵ABC順︶
CSS3︵目的別︶
CSS3︵ABC順︶
HTMLの基本
CSSの基本
チュートリアル
ウェブ制作TIPS
JavaScript
Canvas
HTML5 API
特殊文字
優良デザイン
WEBカラー
WEB画像
イラスト素材
コラム
about
サイトマップ
トップページ
> HTML5
> <script>
<script> …… 文書にJavaScriptなどのスクリプトを組み込む
![Internet Explorer4](../images/b_i4.gif)
![Internet Explorer5](../images/b_i5.gif)
![Internet Explorer5-mac](../images/b_i5mac.gif)
![Internet Explorer5.5](../images/b_i55.gif)
![Internet Explorer6](../images/b_i6.gif)
![Internet Explorer7](../images/b_i7.gif)
![Internet Explorer8](../images/b_i8.gif)
![Firefox1](../images/b_f1.gif)
![Firefox2](../images/b_f2.gif)
![Firefox3](../images/b_f3.gif)
![Google Chrome1](../images/b_gc1.gif)
![Google Chrome2](../images/b_gc2.gif)
![Google Chrome3](../images/b_gc3.gif)
![Google Chrome4](../images/b_gc4.gif)
![Google Chrome5](../images/b_gc5.gif)
![Safari3](../images/b_s3.gif)
![Safari4](../images/b_s4.gif)
![Opera6](../images/b_o6.gif)
![Opera7](../images/b_o7.gif)
![Opera8](../images/b_o8.gif)
![Opera9](../images/b_o9.gif)
広告
このページでは、HTML5のscript要素を解説しています。
script要素の最新情報は、以下を参照してください。
HTML Living Standardリファレンス
https://www.htmq.com/htmls/script.shtml
<script>タグは、文書にJavaScriptなどのスクリプトや、データブロックを組み込む際に使用します。
<script>タグは、<head>~</head>の中に配置することが多いですが、
<body>~</body>の中に配置しても問題ありません。
type属性には、スクリプト言語やデータ形式を指定します。
利用するスクリプトがJavaScriptの場合にはtype="text/javascript"となりますが、
type属性の初期値はtype="text/javascript"なので、JavaScriptの場合にはtype属性の指定を省略することができます。
スクリプト言語のタイプがtype="text/javascript"以外となる場合にはtype属性は必須です。
HTML文書でJavaScriptなどのスクリプトを利用する際には、
HTML文書の<script>~</script>の中にスクリプトを記述するか、src属性で外部スクリプトファイルのURIを指定します。
src属性でJavaScriptの外部jsファイルを読み込む場合には、例えば以下のように記述します。
<script src="sample.js"></script>
charset属性は、外部スクリプトファイルの文字エンコーディングを指定する際に使用します。
スクリプトをHTML文書の<script>~</script>の中に直接記述する場合には、charset属性を使用することはできません。
async属性とdefer属性は、スクリプトをどのように実行するかを指定する属性です。
async属性は利用可能な時点でスクリプトを実行するよう指定する際に使用します。
また、defer属性はHTML文書の読み込みが完了した時点でスクリプトを実行するよう指定する際に使用します。
script要素の内容はブラウザ上には表示されないことになっていますが、
<script>~</script>の中にスクリプトを記述する場合、
その内容を<!--と-->でコメントアウトしておくのが一般的です。
これは、<script>タグに対応していない旧式のブラウザで、スクリプトの記述がそのままテキストとして表示されてしまうのを防ぐためですが、
現在、<script>タグは主要なブラウザでサポートされているので、コメントアウトしなくても問題が起きることはほとんどないでしょう。
HTML4.01では<script>タグにはtype属性が必須でしたが、
HTML5ではtype属性の初期値はtype="text/javascript"とされており、
スクリプト言語のタイプがtype="text/javascript"となる場合には、type属性を省略してもよいことになっています。
src属性
外部スクリプトファイルのURLを指定
async属性
利用可能な時点でスクリプトを実行
defer属性
HTML文書を読み込んだ時点でスクリプトを実行
type属性
スクリプトのMIMEタイプを指定︵初期値は"text/javascript"︶
charset属性
外部スクリプトファイルの文字エンコーディングを指定
以下は、W3Cの公式サイトにscript要素の使用例として掲載されているものです。2つの<script>タグが使用されていますが、一つは外部jsファイルを指定しており、もう一つはデータブロックを記述しています。
これは、“外部jsファイルのスクリプトが、ビデオゲームの地図を作成するためのデータブロックを利用する…”という想定のサンプルのようです。
<script src="game-engine.js"></script>
<script type="text/x-game-map">
........U.........e
o............A....e
.....A.....AAA....e
.A..AAA...AAAAA...e
</script>
広告
HTML標準︵目的別︶
HTML標準︵ABC順︶
HTML5︵旧仕様︶
HTML4︵旧仕様︶
CSSプロパティ︵目的別︶
CSSプロパティ︵ABC順︶
CSS3︵目的別︶
CSS3︵ABC順︶
HTMLの基本
CSSの基本
チュートリアル
ウェブ制作TIPS
JavaScript
Canvas
HTML5 API
特殊文字
優良デザイン
WEBカラー
WEB画像
イラスト素材
コラム
about
サイトマップ
広告
MuuMuu Domain!
![](http://www14.a8.net/0.gif?a8mat=15ZAJP+62I3SI+348+1BNJ9E)
ドメイン取るならお名前.com
![](http://www10.a8.net/0.gif?a8mat=1C4H6U+N7XDE+50+2HHG82)
現役エンジニアのオンライン家庭教師︻CodeCamp︼
![](https://www18.a8.net/0.gif?a8mat=35S99T+9B72CY+3GOM+63OYA)
サイトに広告を掲載してお小遣いが稼げる!︻A8.net︼
![](https://www19.a8.net/0.gif?a8mat=C7GG0+7QMYZ6+0K+103AOY)
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ