下のようなレイアウトを想定してみます。 として外部のCSSファイルを読み込んでいますが、このHTMLファイルを、CSSファイルなしで見ると次のようになります。 今回はホームページ・ブログの重要な要素、横並びメニュー10選をご紹介します。 HTMLとCSSをそのまま張り付けて簡単にメニューを作成できますので是非お試しください。 シンプルメニュー CSS nav… 各リンクがアニメーション付きで展開する、疑似要素を利用したナビメニュー。 See the Pen Fixed nav hover effect by Terence Devine on CodePen.
は1つだけで、その中を
で分けています。,
はそのページの主要な内容をまとめる役目で、
はセクション分けの役目です(
は見出し要素(h1 ~ h6)と一緒に使って区分のレベルを表すことができます)。, HTMLは下の通りです。 「」 一方、HTML5では次のような書き方をします。, ナビゲーション部分はnav要素、メインコンテンツ部分はarticle要素、サブ的なコンテンツ部分はaside要素、各コンテンツ内の見出しを区切るsection要素、があります。, ヘッダ、フッタ部分は、header要素、footer要素が使えるようになりました。, 上から順番に