今日は全然時間が取れなくてほとんど進みませんでした・・・
進度
実践!ウェブサイトを作ろう
- 10:ヘッダーとフッターを作ろう
- 11:メニューを作ってみよう
メモ
h1
レッスンではヘッダーの画像をh1
タグの中に指定していました。以前SEO対策でh1
が重要と聞いたので気になって調べてみました。
結論から言えば問題はありません。現在の検索エンジンは画像でもキチンと認識してくれるそうです。
それに今はSEO対策的にはそこまで重要なタグではないみたいです。もちろんどちらかといえばテキストでキーワードを入れるのが理想ですが、昔これを使ったスパムが流行ったようでh1
タグをそこまで直接的に重要視はしなくなったみたいです。でも「h1
が適切に使われているか?」という観点で信用あるページであるアピールにはなるので、間接的にはやはり重要と言えます。
ポイントとして、h1
タグに画像を入れる際はalt
属性(画像が表示されないとき用のテキスト)を使ってテキストを入れてあげると良いそうです。
display:block;
このスタイルを適応させてブロックボックスを生成することにより、
menuのクリック範囲をテキスト部分だけでなく周囲の背景部分でも選択できるようにするというものでした。
こういう使い方もあるのかと(常識かもですが…)目からウロコでしたのでメモっときます。
list-style:none;
レッスンの中では出てこなかったのですが、menuをクリックした際にビュレットが突然現れてビックリ。
ということで、#menu ul>li
の中にlist-style:none;
を追加しました。
以上、本日のまとめでした。