HTML リファレンスマニュアル

HTML タグ一覧

HTML: <script> タグ

HTML <script>タグはクライアントサイドのスクリプト（例えばJavaScript）を埋め込んだり参照したりするために使用されます。このタグは通常「<script>要素」とも呼ばれます。注意:開始タグと終了タグは省略できません。

オンラインサンプル

JavaScriptで「HTML5 Script Tag Example"：

例

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">-8">　
<title>HTML　script　タグの使用(基本チュートリアルウェブ　oldtoolbag.com)</title>　
<!--　HTML4　and　(x)HTML　-->
<script　type="text}}/javascript"　src="functions.js">
<!--　HTML5　-->
<script　src="/js/functions.js"></script>
</head>
<body>
<script　type="text}}/javascript">
　　document.write("HTML5　Script　Tag　Example");</script>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントの例では、<head>タグ内の<script>タグを使用してfunctions.jsというjavascriptファイルを参照しました。また、<body>タグ内の<script>タグを使用してテキスト「HTML」を印刷しました。5スクリプトタグの例”。

ご注意ください、type="text/javascript" HTML5ドキュメント中の<script>タグは必要ありません。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<script>タグをサポートしています。

タグの定義および使用方法

JavaScriptは通常、画像操作、フォームの検証、および動的なコンテンツの変更に使用されます。

ヒントと注意

注意：src属性を使用する場合、<script>要素は空でなければなりません。

注意：開始タグと終了タグは省略できません。

ヒント：参照してください <noscript> 要素は、ブラウザでスクリプトを無効にしたり、クライアント側スクリプトをサポートしないブラウザのユーザーにとって非常に有用です。

注記： 外部スクリプトを実行する方法がいくつかあります：

async="async"：スクリプトはページの残りの部分に対して非同期に実行されます（ページが解析を続ける間にスクリプトが実行されます）。
asyncを使用しない場合でdefer="defer"：スクリプトはページの解析が完了した時に実行されます。
asyncもdeferを使用しない場合：ブラウザがページを解析し続ける前に、即座に読み取りおよび実行されます。

HTML 4.01 とHTML5の違い

在HTML 4 中では、"type"属性は必須ですが、HTML5 中ではオプションです。

"async"属性はHTML5 に新しい属性があります。

HTML5 中ではHTMLをサポートしなくなりました。 4.01 中の一部の属性："xml:space"。

HTMLとXHTMLの違い

XHTMLでは、スクリプトの内容タイプ宣言が#PCDATA（CDATAの代わりに）であり、エンティティが解析されることを意味します。

これは、XHTMLでは、すべての特殊な文字をエンコードするか、すべての内容をCDATA部分にネストする必要があることを意味します。

<script　type="text}}/javascript">
//<![CDATA[
var　i=10;
if　(i<5)
{
　　　　//　コード内容
}
//]]>
</script>

属性

New　：HTML5 に新しい属性があります。

属性	値	説明
asyncHTML5	async	非同期にスクリプトを実行する（外部スクリプトのみに適用されます）。
charset	charset	スクリプトで使用される文字コードを規定します（外部スクリプトのみに適用されます）。
defer	defer	ページが完全に解析された後にスクリプトを実行する（外部スクリプトのみに適用されます）。
src	URL	外部スクリプトの URL を規定します。
type	MIME-type	スクリプトの MIME タイプを規定します。 text/javascript text/ecmascript application/javascript application/ecmascript
xml:space	preserve	HTML5 サポートされていません。コード内の空白を保持するかどうかを規定します。

全体的な属性

HTML チュートリアル：HTML スクリプト

HTML: <section> タグ HTML: <samp> タグ