前回の記事はこちらへ。
この間は基本のひな形を作りましたので、そのHTMLファイルをまず開きましょう。
IE（インターネットエクスプローラー）使用という想定でお話を進めていきますので、他のブラウザの方はごめんなさい。
最近、IE（インターネットエクスプローラー）しか使ってないから使い方忘れたんだよ～。
では、HTMLファイルを開いたらツールバーの「表示」から「ソース」を選択してください。
メモ帳でソースが開くはずです。
開いたメモ帳に書き込んでいく形式になります。
この間書いたソースに書き足していきましょう！
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
この間書いたソースはこれ。
今回は、この＜ｈｅａｄ＞＜／ｈｅａｄ＞の中身を追加していきます！
この中身は必須ではないのですが、検索エンジン対策に有効ですので上手に使ったほうがいいと思います。
では、続きに打ち込んでみましょう！（タグは必ず半角英数字で・・・）
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｍｅｔａ ｎａｍｅ＝”ａｕｔｈｏｒ” ｃｏｎｔｅｎｔ＝”ｍｉｙｏ”＞
＜ｍｅｔａ ｎａｍｅ＝”ｄｅｓｃｒｉｐｔｉｏｎ” ｃｏｎｔｅｎｔ＝”ｍｉｙｏのＢＬＯＧです。リヴリー観察とか、たまにＨＴＭＬ講座とか・・・”＞
＜ｍｅｔａ ｎａｍｅ＝”ｋｅｙｗｏｒｄｓ” ｃｏｎｔｅｎｔ＝”リヴリー,ＨＴＭＬ講座”＞
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－Ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝Ｓｈｉｆｔ＿ＪＩＳ”＞
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－Ｓｃｒｉｐｔ－Ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－ＳｔｙｌｅーＴｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｃｓｓ”＞
＜ｔｉｔｌｅ＞裏側の私＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
ここまで打ち込んだら名前をつけて保管しましょう♪
保管するときは、「ファイル名.html」で保管してくださいね。
まだ、真っ白ですがＩＥのタイトルバーに「裏側の私」が表示されてます。
こんなかんじ。↓
では、タグの解説です。
＜ｍｅｔａ ｎａｍｅ＝”ａｕｔｈｏｒ” ｃｏｎｔｅｎｔ＝”ｍｉｙｏ”＞
制作者の表示になります。
必須ではありません・・・・てか、私はいつも入れていません（爆）
ＨＰ作成代行をしている場合とかは入れたほうがいいのかもしれないですね。
＜ｍｅｔａ ｎａｍｅ＝”ｄｅｓｃｒｉｐｔｉｏｎ” ｃｏｎｔｅｎｔ＝”ｍｉｙｏのＢＬＯＧです。リヴリー観察とか、たまにＨＴＭＬ講座とか・・・”＞
検索エンジンでタイトルの下に表示される文になります。
省略することもできますが、検索エンジンにひっかかったときにあったほうがわかりやすいと思います。
＜ｍｅｔａ ｎａｍｅ＝”ｋｅｙｗｏｒｄｓ” ｃｏｎｔｅｎｔ＝”リヴリー,ＨＴＭＬ講座”＞
ロボット型検索エンジンの多くはこのキーワードをチェックします。
ただ、たくさん入れすぎると、スパムとみなされてしまいますので、自分が何を訴えたいのかきちんと見極めることが重要になります。
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－Ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝Ｓｈｉｆｔ＿ＪＩＳ”＞
ここでは、言語の指定をします。
この例の場合は、HTMLをShift_JISを使って書きますよ～という宣言になります。
他にはEUCというのもあります。
サーバーによってはEUCを推奨している場合もあります。
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－Ｓｃｒｉｐｔ－Ｔｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞
これは、スクリプト言語の指定になります。
このファイルではJAVA SCRIPTを使用します、という宣言になります。
他に、ｔｅｘｔ／vbscriptなどがあります。
スクリプト言語を組み込む場合は必須です。
外部ファイルで持つ場合も必要です。
＜ｍｅｔａ ｈｔｔｐ－ｅｑｕｉｖ＝”Ｃｏｎｔｅｎｔ－ＳｔｙｌｅーＴｙｐｅ” ｃｏｎｔｅｎｔ＝”ｔｅｘｔ／ｃｓｓ”＞
これは、スタイルシートの指定になります。
このファイルではCascading Style Sheet（CSS）を使用します、という宣言になります。
外部ファイルで持つ場合も必要です。
どうでしたか？わかりましたか？
質問などありましたら、コメント欄にどうぞ！