第 7 章 ドキュメント要素_html/css_WEB-ITnose

学習ポイント:

1. 文書要素の概要

2. 文書要素分析

講師: Li Yanhui

この章では主に文書について説明します。要素と文書要素の主な機能HTML5 では分割が行われます。それぞれの異なるコンテンツにより、全体のレイアウトが明確で生き生きとしたものになります。レイアウト要素全体をセマンティックにし、さらに div を置き換えます。

1つ。ドキュメント要素の概要 ドキュメント要素は基本的に実質的な効果はありません。主な目的は、ページ レイアウト中にさまざまなトピックや概念を区別することです。 ...

header は尾部を表します は、意図的に集中して配置されたナビゲーション要素を表します重要な概念またはトピックを示します 独立したコンテンツを表します は、文書または記事 周囲のコンテンツとほとんど関連性のないコンテンツを示します

2.文書要素分析

文書要素のほとんどのタグは何の効果も持たず、純粋にその構造を強調するためにセマンティクスを照合するために使用されます。後の章で CSS を学び、それを組み合わせて使用​​することによってのみ、レイアウトとスタイルの効果を実現できます。

1.

はヘッダーを表します

<header>　　这里部分一般是页面头部，包括：LOGO、标题、导航等内容</header>

説明:

要素は主にページのヘッダー部分を設定します。

2.

は末尾を意味します

<footer>    这里是页面的尾部，一般包括：版权声明、友情链接等内容</footer>

説明:

要素は主にページの末尾を設定します。

3.

~

タイトルを追加

<h1>标题部分</h1><br /><h4>小标题部分</h4>

説明:

~

実際の機能は、太字にしてフォントサイズを変更することです。さまざまなタイトル文書に使用されます。

4.

タイトルの結合

<hgroup>    <h1>标题部分</h1>    <h4>小标题部分</h4></hgroup>

説明:

要素の役割は、複数のタイトルが表示されるときに、統合する必要がある 1 つ以上のタイトルを妨げることです。これは、グループを含めるにはこの要素を使用します。

5.

ドキュメントのテーマ

<section>    这里一般是存放文档主题内容。</section>

説明:

要素の機能は、ドキュメントのテーマの内容を定義することです。

6.

ナビゲーションを追加

<nav>这里存放文档的导航</nav>

説明:

要素はドキュメント ページにナビゲーションを追加します。

7.

独立したドキュメントを追加します

<article>    <header>        <nav></nav>    </header>    <section></section>    <footer></footer></article>

説明:

要素は、先頭、末尾、テーマなどの一連のコンテンツを含むことができる独立したドキュメントを表します。 。これは、ブログ投稿のリストなど、比較的大きなページで使用されます。各ブログ投稿には独自の先頭、末尾、テーマ、その他のコンテンツがあります。これと同様に、フォーラムの投稿、ユーザーのコメント、ニュースなどがあります。

8.

コメント列を生成する

<aside>这是是一个注释</aside> 

説明:

要素は、コンテンツの特定の部分にコメントするために特別に使用されます。

9.

は、文書または記事要素の連絡先情報を表します。

<address>联系信息</address>

説明: 要素の下にある場合、文書全体の連絡先情報を表します。

要素の下にある場合は、その下に連絡先情報が表示されます。

10.

要素は詳細領域を生成し、

要素はその中に説明タグを生成します

説明: ほとんどの主流のブラウザではこれは省略されています。今。

はヘッダーを意味します	footer
	nav
	セクション
	記事
	Dress
	aside
+ summary	要素のコンテンツのタイトルまたは説明を表すために詳細要素で使用されます