下のようなレイアウトを想定してみます。 として外部のCSSファイルを読み込んでいますが、このHTMLファイルを、CSSファイルなしで見ると次のようになります。 今回はホームページ・ブログの重要な要素、横並びメニュー10選をご紹介します。 HTMLとCSSをそのまま張り付けて簡単にメニューを作成できますので是非お試しください。 シンプルメニュー CSS nav… 各リンクがアニメーション付きで展開する、疑似要素を利用したナビメニュー。 See the Pen Fixed nav hover effect by Terence Devine on CodePen.

は１つだけで、その中を

で分けています。,

はそのページの主要な内容をまとめる役目で、

はセクション分けの役目です（

は見出し要素（h1 ～ h6）と一緒に使って区分のレベルを表すことができます）。, HTMLは下の通りです。 「」 一方、HTML5では次のような書き方をします。, ナビゲーション部分はnav要素、メインコンテンツ部分はarticle要素、サブ的なコンテンツ部分はaside要素、各コンテンツ内の見出しを区切るsection要素、があります。, ヘッダ、フッタ部分は、header要素、footer要素が使えるようになりました。, 上から順番に