見出し画像

仮想サイト作成7・・

z-index・・
z-indexは要素の重なりを決めることができるプロパティ
position:static以外、relative、absolute、fixedが指定されている要素にしか使えない。
数値が大き方が上になる!

ヘッダーロゴとh1タグ・・
なぜヘッダーロゴにh1タグをつけるのか、不思議だったので調べてみました。
結論:厳密なルールはないようです。。
根拠:
- ヘッダーロゴにh1タグを記載するメリットはほとんど無い。
- h1タグが大見出しを意味する以上、やはりメインコンテンツ領域内上部の目立つ位置に大きく表示させるのが文書としてのルール。
- ヘッダーロゴにh1タグを記述して、alt属性にターゲットキーワードを記述することがSEO(Search Engine Optimization)に良いのかもしれない。
- h1タグを大きなフォントで記載することがデザイン上受け入れられないのかもしれない。
- h1タグはページの大見出しで、ページを端的に説明する文章を記載するのが正しい使い方。
- h1タグはタイトルに次いで重要なタグなので、設置には注意が必要。

復習・・
配色の大原則
ベースカラー(70%):背景など、広い色彩を彩る色
メインカラー(25%):テーマとなる色
アクセントカラー(5%):使用範囲は少なくし、アクセントとして使用する色



この記事が気に入ったらサポートをしてみませんか?