HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <header> タグ

HTMLの<header>タグはHTML5要素は、通常HTMLドキュメントのロゴ、検索フォーム、紹介情報を含むヘッダーを定義します。このタグは、<header>要素と呼ばれることもあります。

オンラインサンプル

以下のように<header>タグを設定し、続いて<article>タグを設定します：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　headerタグの使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<header>
　　<img　src="/static/images/logo.png"　alt="Logo">
</header>
<article>
　　<h1>記事の見出し</h1>
　　<p>記事の下に表示されるテキスト/p>
</article>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

IE 9、Firefox、Opera、Chrome、Safariが <header> タグをサポートしています。

注記：IE 8 またはもっと古いバージョンのIEブラウザでは <header> タグがサポートされていません。

タグの定義及び使用説明

<header> タグはドキュメントまたはドキュメントの一部の領域のヘッダーを定義します。

<header> 要素は紹介内容やナビゲーションリンクバーのコンテナとして使用されるべきです。

ドキュメントの中で、複数の <header> 要素を定義できます。

注記：<header> タグは <footer>、<address> または別の <header> 要素の内部に配置できません。

HTML 4.01 とHTML5の間の違い

<header> タグはHTML 5 の中で新しいタグ

グローバル属性

<header> タグがサポートされています HTMLのグローバル属性。

イベント属性

<header> タグがサポートされています HTMLのイベント属性。

HTML: <i> タグ HTML: <head> タグ