多くのサイトではbody要素の次にheader要素が使われ、主にページのタイトル、ロゴ、バックリンク、検索窓などに使われています。
header要素の使い方の例
<header>
<h1><a href="http://www.templateya.com/">テンプレート屋.com</a></h1>
<h2>無料ホームページテンプレートを配布しています。</h2>
</header>
*また、header要素にはh1~h6要素、hgroup要素、nav要素を含むことが出来ます。
<header>
<a href="http://www.templateya.com/"><img src="img/logo.gif"></a>
<hgroup>
<h1>テンプレート屋.com</h1>
<h2>無料ホームページテンプレートを配布しています。</h2>
</hgroup>
<nav>
<li>home</li>
<li>当サイトについて</li>
<li>FAQ</li>
<li>お問い合わせ</li>
</nav>
</header>
今までのHTMLではh1はページ内に1つ使用してh2、h3と重要度が下がるように見出しを付けていましたが、HTML5からは<section>、<article>といったセクションに対してh1~h6要素が使用できるようになりました。
セクション内ではh1を最初に配置してh2、h3と重要度が下がるように見出しを使用します。
(例)
<article>
<h1>見出し1</h1>
<section>
<h1>見出し1</h1>
<h2>見出し2</h2>
</section>
<section>
<h1>見出し1</h1>
<p>サンプル</p>
</section>
</article>
セクション内ではh1を最初に配置してh2、h3と重要度が下がるように見出しを使用します。
(例)
<article>
<h1>見出し1</h1>
<section>
<h1>見出し1</h1>
<h2>見出し2</h2>
</section>
<section>
<h1>見出し1</h1>
<p>サンプル</p>
</section>
</article>
今、web業界で話題になっているHTML5とはHTML4.01の後継するものとしてHTML5と名づけられました。
HTML5では何ができるでしょうか?
一番はマルチメディアの要素が使えるようになりブラウザを使った動画や音声が手軽に使えるようになったことです。
その他にもCSS3にバージョンアップされた事や、文章構造の為の新しい要素が追加されました(他)。
しかし、ブラウザの対応ではIE以外の有名どころではバージョンをアップして対応していますが、IEではIE9からのHTML5を対応すると告知しています。
下記参照
http://findmebyip.com/litmus
HTML5の勧告時期は2014年と発表されましたが、テンプレート屋.comではHTML5のホームページテンプレートも順次アップしていく予定です。
http://www.templateya.com
HTML5では何ができるでしょうか?
一番はマルチメディアの要素が使えるようになりブラウザを使った動画や音声が手軽に使えるようになったことです。
その他にもCSS3にバージョンアップされた事や、文章構造の為の新しい要素が追加されました(他)。
しかし、ブラウザの対応ではIE以外の有名どころではバージョンをアップして対応していますが、IEではIE9からのHTML5を対応すると告知しています。
下記参照
http://findmebyip.com/litmus
HTML5の勧告時期は2014年と発表されましたが、テンプレート屋.comではHTML5のホームページテンプレートも順次アップしていく予定です。
http://www.templateya.com