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

HTMLのscript要素におけるcharset属性の使い方を解説

script要素のcharset属性とは

<script>要素のcharset属性は、外部スクリプトファイルで使用する文字エンコーディング（文字セット）を指定するための属性です。外部ファイル内に日本語などのマルチバイト文字が含まれる場合に、文字化けを防いで正しく表示するために利用されてきました。

なお、charset属性はHTML5では廃止された属性であり、現在ではサーバー側のHTTPヘッダーや<meta>タグによって文字コードを指定するのが一般的です。歴史的な仕様やレガシーコードの理解として押さえておきましょう。

構文

<script charset="charset">

上記の「charset」の部分に、外部スクリプトファイルで使用する文字エンコーディングを指定します。例えば「UTF-8」を指定すれば、Unicodeの文字エンコーディングとして設定でき、多言語の文字を扱うことが可能になります。

charset属性の実装例

それでは、<script>要素のcharset属性を使用した具体的なサンプルを見てみましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<script charset="UTF-8" src="new.js"></script>
<p>"UTF-8"の文字セットで文字を表示しています。</p>
<p>.</p>
</body>
</html>

この例では、外部スクリプトファイル「new.js」を読み込んでおり、このファイル内で各種記号や特殊文字が表示されるようになっています。charset属性に「UTF-8」を指定することで、スクリプトファイル内の文字が正しいエンコーディングで解釈されます。

実行結果

HTMLのscript要素におけるcharset属性の使い方を解説

ブラウザで上記のHTMLを開くと、「UTF-8」の文字セットで処理された文字がページ上に表示されます。

  1. HTML pattern属性とは？使い方とサンプルコードをわかりやすく解説

    HTMLのpattern属性は、<input>要素に入力された値が、あらかじめ指定した正規表現に一致するかどうかを検証するための属性です。この属性を活用すれば、JavaScriptを書かなくてもブラウザ側で手軽に入力チェック（バリデーション）を実装でき、フォームの利便性を高めることができます。pattern属性を指定した入力欄に正規表現と一致しない値が入力された場合、フォーム送信時にエラーメッセージが表示され、送信がブロックされます。利用できるのはtext・search・tel・url・email・passwordなどのテキスト系入力タイプです。構文pattern属性の基本構文は次

  2. HTMLのwrap属性とは？textareaのテキスト折り返し設定を解説

    wrap属性とは HTMLのwrap属性は、<textarea>要素内のテキストを、フォーム送信時にどのように折り返すかを定義する属性です。画面上での見た目だけでなく、サーバーへ送信されるデータに改行コードを含めるかどうかを制御できる点が特徴です。 指定できる値 soft：画面上では自動的に折り返して表示されますが、送信されるテキストには改行コードが挿入されません（デフォルト値）。 hard：画面上の折り返し位置に基づいて、フォーム送信時に改行コードが挿入されます。この値を使用する場合はcols属性の指定が必須です。 構文 wrap属性の基本的な書き方は以下のとおりです。