HTML5のヘッダータグ
- 24-07-2022
- Trung Minh
- 0 Comments
この記事では、HTML5でヘッダータグを使用する方法を紹介します。これは、Webページまたは記事のヘッダーヘッダーを宣言するために使用されるタグです。
HTML5で構築されたWebサイトを見ると、ヘッダータグがさまざまな場所に配置されているため、非常に混乱しているように感じます。しかし、それが何を意味するのかを理解すれば、それはとても簡単に感じるでしょう。
1. HTML5のヘッダータグとは何ですか?
HTML5では、ヘッダータグは、Webページの上部であっても、記事のヘッダー( header )を宣言するために使用されます。 header
タグとヘッドタグを混同しないでください。
ヘッダータグの構造は次のとおりです。
<header>...</header>
2. HTML5で複数のヘッダータグを使用することは可能ですか?
答えは絶対にイエスです。たとえば、記事のリストを表示するページでは、 articleタグを使用して各記事を宣言し、各記事内で記事のタイトルをカバーする追加のヘッダータグを宣言します。
<article> <header> <h2>Tiêu đề 1</h2> </header> <p>Mô tả bài viết 1</p> </article> <article> <header> <h2>Tiêu đề 2</h2> </header> <p>Mô tả bài viết 2</p> </article> <article> <header> <h2>Tiêu đề 3</h2> </header> <p>Mô tả bài viết 4</p> </article>
ヘッダーを使用して、Webページの上部(ロゴやその他の基本情報を含む)を宣言することもできます。
<body> <header> <h1>HTML5 Cho Người Mới Bắt Đầu Tại web888.vn</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Serie</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Ebook</a></li> </ul> </nav> ... </body>
3.ヘッダーのCSSを記述します。tag
CSSを使用してヘッダータグのスタイルを設定する場合は、以下の2つの方法のいずれかを使用してください。
方法1 :直接CSS。
<header style="background:red"> ... </header>
方法2 :セレクターを使用します。
<style> header{ background:red } </style> <header> ... </header>
注:このセクションを宣言するためにヘッダータグを使用したくない場合は、代わりにdivタグを使用できます。