演習課題「日本語を正しく表示してみよう」
現在、body要素の中身が文字化けして表示されています。
そこで、文字コードがUTF-8であり、主要言語が日本語であることを2つの属性を使って記述して、ハローワールドと正しく表示されるよう変更して下さい。
採点の前にはファイルを保存してください。
採点して、ジャッジに正解すれば演習課題クリアです！
※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
＃03:日本語の文章を表示
このチャプターでは、日本語の文章の表示方法について学習します。
Webページで使われている主要言語を示すhtmlタグの属性として、lang属性があります。
lang属性の記述によって、視覚的な変化は起こりません。ですが、ここで記述された情報は音声ツールや翻訳ツールに使用され、コンテンツをより正確に表現するために使われています。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang
文字コードを指定することによって文字化けを防ぐmetaタグの属性として、charset属性があります。
なお、metaタグはhtml要素の1つ目の子要素である、head要素内に記述します。
MDN web docs
https://developer.mozilla.org/ja/docs/Web/HTML/Element/meta#charset
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
こんにちは、パイザ
</body>
</html>