LoginSignup
4
4

More than 5 years have passed since last update.

HTML,CSS勉強メモ #7 〜実践!10-11色々〜

Last updated at Posted at 2016-03-31

今日は全然時間が取れなくてほとんど進みませんでした・・・ :sweat:

進度

実践!ウェブサイトを作ろう

  • 10:ヘッダーとフッターを作ろう
  • 11:メニューを作ってみよう

メモ

h1

レッスンではヘッダーの画像をh1タグの中に指定していました。以前SEO対策でh1が重要と聞いたので気になって調べてみました。
結論から言えば問題はありません。現在の検索エンジンは画像でもキチンと認識してくれるそうです。
それに今はSEO対策的にはそこまで重要なタグではないみたいです。もちろんどちらかといえばテキストでキーワードを入れるのが理想ですが、昔これを使ったスパムが流行ったようでh1タグをそこまで直接的に重要視はしなくなったみたいです。でも「h1が適切に使われているか?」という観点で信用あるページであるアピールにはなるので、間接的にはやはり重要と言えます。
ポイントとして、h1タグに画像を入れる際はalt属性(画像が表示されないとき用のテキスト)を使ってテキストを入れてあげると良いそうです。

display:block;

このスタイルを適応させてブロックボックスを生成することにより、
menuのクリック範囲をテキスト部分だけでなく周囲の背景部分でも選択できるようにするというものでした。
こういう使い方もあるのかと(常識かもですが…)目からウロコでしたのでメモっときます。

list-style:none;

レッスンの中では出てこなかったのですが、menuをクリックした際にビュレットが突然現れてビックリ。
ということで、#menu ul>liの中にlist-style:none;を追加しました。

以上、本日のまとめでした。

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4