【初心者向け】HTML文書の基本構造と文字コード設定
この記事でわかること
- なぜ小文字で書くのかの理由
- HTMLを扱う際に覚えておくべき基本ルール
- HTML文書のバージョンや言語、文字コードの指定方法
HTMLを扱う上での基本知識
小文字で記述する理由
プログラムでは基本的に小文字で記述します
多くのプログラム言語では大文字と小文字が区別されるため、A と a は全く別の文字として扱われます
- ASCIIコードで見ると
- 大文字
A= 65 - 小文字
a= 97
- 大文字
- 互いに関連性がないため、混同すると正しく動作しません
このため、HTMLやCSS、JavaScriptなども小文字で書くのが原則です
HTMLの定型的な文書
HTML文書を作成する際には、以下の基本構造を理解しておくと安心です
HTMLのバージョン指定
HTML5であることを宣言する最初の記述ですも
<!DOCTYPE html>- 現在はHTML5が主流
- 他のバージョン指定はほとんど使われません
言語の指定
HTML文書で使用する言語を指定することで、ブラウザや検索エンジンに文章の意味を正しく伝えられます
| ja | 日本語 |
| en | 英語 |
| zh-CN | 中国語（簡体字） |
| fr | フランス語 |
| it | イタリア語 |
<html lang="ja">言語を指定することで、文章の表示方法や読み上げソフトの挙動が最適化されます
文字コードの指定
文字コードを設定しておかないと、文字化けや正しく表示されない問題が起こります
| 文字コード | 説明 |
| UTF-8 | 最も使用されており、ASCIIコードとの互換性が高い |
| Shift-JIS | Microsoft社が開発し、ASCIIコードに日本語を加えたもの |
| EUC-JP | Extended Unix Codeの略称。上記2つより利用率は低い |
<meta charset="UTF-8">特に理由がなければ、UTF-8で統一すると安心です
まとめ
- HTML文書は基本的に小文字で記述する
<!DOCTYPE html>でHTML5を宣言する<html lang="ja">で言語を指定する<meta charset="UTF-8">で文字コードを設定する
この基本構造を押さえると、文字化けやブラウザ表示のトラブルを避けつつ、正しいHTML文書を作成できるようになります