記事に必ず入れた方がいい見出しタグですが
いままでそんなにいじっていなかったのですが少し手を加えてみました
見出しとは
新聞・雑誌などの記事の内容が一目でわかるようにつけた標題。ヘッドライン。
大辞林 第三版より
見る側に一目でわかるようにしておく為みたいですね、それにSEO的にもh1とh2は重要だと思います
今回こんな感じにしました
見出し1
見出し2
見出し3
見出し4
見出し5
すこし見出し4はこれでいいのかまだ微妙な所ではありますが、色合いはブログのカラーと統一感を持たすようにしてあります
引用
見出しのカスタム方法は
css(スタイルシート)内のhを触ります
変更したい見出しの箇所に色の指定や文字の大きさ、ボーダー指定等をしていきます
参考になるサイトも沢山あるので是非見出しをかっこいいものに変えてみてはいかがでしょうか
▼参考サイト
- Webクリエイターボックス -Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える-
- 3STREAMER -コピペで出来るCSS3で見出しスタイリング-
- TY’S EMPTY FLOG -CSSで作るシンプルな見出し(Hタグ)デザイン-
- 日刊ウェブログ式 -見出しデザインの参考にしたいCSSで作るhタグのサンプル集-
- Webpark -CSSの擬似要素を使った見出しデザイン-
最後に一言
サイトのイメージに合わすのって難しいですね
今もまだ合っているのかわかりません^^;これからも試行錯誤で変更されまくると思います
コメント