Web制作の世界へようこそ！最初に触れるHTMLファイル、まるで真っ白なキャンバスのようでワクワクしますよね。でも、いざコードを書こうとすると「``タグって何のためにあるの？」「`lang=”ja”`って書かないとどうなるの？」と、小さな疑問が次々と湧いてくるものです。

大丈夫ですよ。今日は、Webサイトという「家」を建てるための、一番大切な「土台」についてお話しします。難しく考える必要はありません。一緒に紐解いていきましょう。

—

1. ``タグは、Webサイトの「住所表示板」

HTMLファイルを開くと、一番外側に必ず``というタグが見当たりますよね。これは、いわば「この文書はHTMLですよ！」と宣言する看板のようなものです。

例えるなら、海外旅行に行ったとき、入国審査で「私は日本人です」とパスポートを見せるようなもの。ブラウザ（ChromeやSafariなど）という「入国審査官」に対して、「このページは日本語で書かれたWebサイトですよ」と最初に教えてあげているんです。

なぜこれが重要なのか？

もしこの看板がなかったら、ブラウザはどうなるでしょうか。
「あれ？ これは英語かな？ フランス語かな？」と迷ってしまい、翻訳ツールがうまく動かなかったり、文字の表示が少し崩れてしまったりすることがあります。

—

2. `lang`属性：ブラウザへの「言葉のプレゼント」

`lang`（languageの略）属性は、そのページが「何語で書かれているか」を指定する大切な設定です。

こんにちは！

Webサイト作りは楽しいですね。

なぜ `lang=”ja”` と書くのか？

1. アクセシビリティのため：
目の不自由な方が使う「スクリーンリーダー（画面読み上げソフト）」にとって、`lang`属性は命綱です。「あ、これは日本語のページだな」と認識することで、ソフトが正しい日本語の発音で読み上げてくれるようになります。
2. 検索エンジン（SEO）のため：
Googleなどの検索エンジンも、この情報を頼りに「これは日本語のサイトだから、日本に住んでいる人に届けよう」と判断しています。正しく指定することは、あなたのサイトを必要としている人に届けるための「第一歩」なんです。

—

3. つまずきがちなポイント：英語のサイトを作るときは？

もし将来、英語のサイトを作る機会があったら、`lang=”en”` に変えるだけでOKです。

• 日本語のサイトなら：``
• 英語のサイトなら：``

これだけで、ブラウザは「よし、次は英語の辞書を使って読み上げよう！」と賢く切り替えてくれます。ちょっとしたことですが、これこそが「世界中の人が快適に使えるWebサイト」を作るための、プロの小さなこだわりなんです。

—

今日からできること：まずは「おまじない」として

HTMLを書き始めるとき、最初は細かい理由まで全て完璧に理解できなくても大丈夫です。まずは、「`html`タグには`lang=”ja”`を添える」ということを、お気に入りのカフェでコーヒーを頼むときのような「いつもの習慣」にしてみてください。

こうして一つひとつのタグの意味を大切にしていくと、いつの間にか「なぜこう書くのか」が体感として分かるようになります。

Web制作という旅は始まったばかり。分からないことがあって当たり前です。これからも、一つずつ丁寧に紐解いていきましょうね。応援しています！