ホームページ  >  記事  >  ウェブフロントエンド  >  第 7 章 ドキュメント要素_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:19:47937ブラウズ

学習ポイント:

1. 文書要素の概要

2. 文書要素分析

講師: Li Yanhui

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

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

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

2.文書要素分析

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

1.1aa9e5d373740b65a0cc8f0a02150c53 はヘッダーを表します

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

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

2.c37f8231a37e88427e62669260f0074d は末尾を意味します

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

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

3.4a249f0d628e2318394fd9b75b4636b1~4e9ee319e0fa4abc21ff286eeb145eccタイトルを追加

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

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

4.d8eccd9ed644b68a6460a2bb84548c82 タイトルの結合

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

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

5.2f8332c8dcfd5c7dec030a070bf652c3ドキュメントのテーマ

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

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

6.c787b9a589a3ece771e842a6176cf8e9ナビゲーションを追加

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

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

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

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

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

8.15221ee8cba27fc1d7a26c47a001eb9bコメント列を生成する

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

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

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

<address>联系信息</address>

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

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

10. a5e9d42b316b6d06c62de0deffc36939 要素は詳細領域を生成し、631fb227578dfffda61e1fa4d04b7d25 要素はその中に説明タグを生成します

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

はヘッダーを意味します

footer

nav

セクション

記事

Dress

aside

+ summary

要素のコンテンツのタイトルまたは説明を表すために詳細要素で使用されます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。