JavaScriptのデフォルトスクリプト言語を指定する方法|Content-Script-Type の使い方を解説
HTMLでは複数のスクリプト言語(JavaScript、VBScript など)を利用できるため、どの言語をデフォルトとして扱うかを明示する必要があります。
このページでは、meta要素を使ってデフォルトのスクリプト言語を指定する方法を初心者向けにわかりやすく解説します。
デフォルトのスクリプト言語を指定する方法
HTMLの <head> 内に、次のような meta 要素を記述します。
★:スクリプト言語を示すMIMEタイプ(例:text/javascript)
content 属性には、使用するスクリプト言語の MIME タイプを指定します。
- JavaScript を使う場合:
text/javascript - VBScript を使う場合:
text/vbscript
この設定を行うと、イベント属性(onclick など)に記述したスクリプトが、指定した言語として解釈されます。
記述例:JavaScriptをデフォルトに設定する
以下は、JavaScript をデフォルトのスクリプト言語として設定した例です。
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<title>デフォルトのスクリプト言語の設定</title>
…
</head>
この設定により、HTML内のイベント属性(onclick など)に記述したコードは、すべて JavaScript として解釈されます。
JavaScript 初心者におすすめの学習書籍
手を動かしながら JavaScript を学びたい方には、初心者向けにやさしく解説された実践型の入門書があります。
実際に動くサンプルを使って学べるため、基本をしっかり身につけたい方に最適です。
→ いちばんやさしい JavaScript の教本
JavaScriptの基礎を体系的に学びたい方には、こちらの書籍がとても分かりやすくおすすめです。
初心者がつまずきやすいポイントを丁寧に解説している入門書です。
→ 確かな力が身につくJavaScript「超」入門
体系的に学びたい方へ(スクールという選択肢)
JavaScript を独学で学んでいると、「もっと効率よく理解したい」「プロに質問しながら進めたい」と感じる方も多いです。
そのような方には、未経験からエンジニアを目指せる DMM WEBCAMP の学習コースも選択肢のひとつです。
無料相談では、学習ロードマップの作成やキャリア相談など、独学では得られないサポートを受けられます。
短期間で基礎を固めたい方や、効率よくスキルを身につけたい方に最適です。
→ DMM WEBCAMP 学習コース(無料相談はこちら)
まとめ
- HTMLでは複数のスクリプト言語を利用できる
meta http-equiv="content-script-type"でデフォルト言語を指定できる- JavaScript を使う場合は
text/javascriptを指定する - イベント属性のスクリプトはここで指定した言語として解釈される