htmlドキュメント構造要素に関する概念
htmlドキュメント構造要素に関する概念構造要素 1.1 header要素 1.2 article要素 1.2.1文章領域の構造 1.3 aside要素 1.4 footer要素 1.4.1フッター領域の設定 1.4.2著作権情報 1.4.3連絡先情報 1.5 figure/figcaption要素 1.5.1文書領域に図クラスオブジェクトの意味要素 を導入する
2ページノード要素 2.1 section要素 2.2 nav元素 2.2.1文章区の構造 2.3 address要素 3関連概念選択問題及び参考解答 3.1選択問題 3.2参考解答
1構造要素
1.1ヘッダー要素
ヘッダ要素は、ヘッダを表す構造要素であり、通常、ウェブページ全体またはページ内の1つのコンテンツブロックのヘッダを配置するために用いられるが、ヘッダ(
1.2 article要素
article要素は、大きなコンテンツを表す構造要素です.article要素を使用すると、記事、ブログ、投稿、コメントなど、Webページで独立した完全なコンテンツを定義できます.
1.2.1文章領域の構成
設計要件の文章領域は、文章のタイトルと文章の内容から構成されています.HTML 5の意味化要素articleは、ヘッダー要素をネストして文章のタイトルを表す文章領域を表すことができ、文章の内容は段落ラベルで設定することができる.コード構造は次のとおりです.
1.3 aside要素
aside要素は、現在のページまたは現在の文章の関連参照、サイドバー、広告、ナビゲーションなど、本体コンテンツとは異なる部分を含む、現在のページまたは現在の文章の付属情報を定義するために使用されます.
1.4 footer要素
footer要素は、親コンテンツブロックにコメントを追加したり、文章領域に作者情報を追加したり、Webページの下部に著作権情報を追加したりするなど、脚注部分を定義します.
1.4.1フッター領域の設定
footer要素は、ドキュメントまたはセクションのフッターを定義します.ドキュメントのフッターとして、通常、ページの著作権情報と連絡先情報を含めることができます.
1.4.2著作権情報
著作権情報は通常、著作権記号によって©関連情報と構成され、Webページに著作権記号が表示されます.©特殊文字が必要©,たとえば、「©2008 Yang、対応コード:
著作権情報は通常、フッター領域にネストされ、意味化要素addressを使用して設定され、address要素のテキストは通常斜体として表示されます.コード構造は次のとおりです.
1.5 figure/figcaption要素
figure要素は、画像、グラフ、写真、コードなど、独立したストリームコンテンツを表すために使用されます.figcaption要素は、
1.5.1文章領域に図類オブジェクトの意味要素を導入する
設計要件の文章領域に検索エンジンによって識別される図クラスオブジェクトを挿入するには、HTML 5の意味化要素figureで設定することができ、figcaption要素をネストして図の名前を表すことができ、この要素は通常figure要素の最初のサブ要素または最後のサブ要素の位置に配置される.コード構造は次のとおりです.
2ページノード要素
2.1 section要素
セクション要素は、章、ヘッダー、フッター、ドキュメントの他の部分など、文章のセクション(セグメント)を定義するために使用されます.通常、コンテンツとそのタイトルから構成されます.文節の設定HTML 5の意味化要素sectionは、文節の見出しをネストすることができ、文節の内容は段落ラベルまたは他のラベルで設定することができる文章の節を表すことができる.コード構造は次のとおりです.
2.2 nav元素
nav要素はページの一部を表すために使用され、主にナビゲーションメニュー、サイドバーナビゲーション、内ページナビゲーション、ページめくり操作などの領域を構築するために使用されるリンクグループである.
2.2.1文章領域の構成
設計では、文書領域にナビゲーション領域を設定する必要があります.HTML 5の意味化要素navは、ハイパーリンクラベル(a)をネストしてジャンプを実現するナビゲーション領域を表すことができ、外部ハイパーリンクの一般的な属性はhrefとtitleであり、hrefの値はチェーンシンクの経路であり、titleの値はマウスがチェーンソースに表示されるテキストである.コード構造は次のとおりです.
2.3 address要素
address要素は、一般に著者がドキュメントの連絡先情報を提供するために使用され、一般的に1つのページの先頭または末尾に配置され、最も一般的に使用されるのはfooter要素に含まれる他のコンテンツです.address要素がarticle要素の内部にある場合、article要素に含まれる文章の内容の著者の連絡情報を表し、body要素内に直接ある場合、そのページの著者の連絡情報を表します.
3関連概念選択問題及び参考解答
3.1選択問題
1、
要素は主にページの内容を定義するために使用されますか?
A、文章
B、著作権情報
C、ナビゲーション
D、補助内容
2、以下のオプション、どれが意味化されていない要素ですか?
A、
B、
C、
D、
3.HTML 5では、()要素は文章のヘッダー情報を定義するために使用される.
A、
B、
C、
D、
4、aside要素は、現在のページまたは現在の文章の付属情報を定義するために使用されます.
A、正しい
B、エラー
5、figcaption要素は、画像、グラフ、写真、コードなどの独立したストリームコンテンツを表すために使用される.
A、正しい
B、エラー6、要素は主にページのどんな内容を定義しますか?
A、文章のサイドバー
B、文章の節
C、文章のタイトル
D、文章の著作権情報
7、
要素は主にページの内容を定義するために使用されますか?
A、ヘッダー
B、フッター
C、ナビゲーション
D、コメント
8.次のオプションで、Webページの作成者の連絡先を表すのは()要素です.
A、 figure
B、 section
C、 details
D、 address
9、HTML 5の目標は、いくつかの新しいラベル、新しい機能を通じて、より簡単で独立した標準的な汎用Webアプリケーションの開発に標準を提供することである.
A、正しい
B、エラー
10、address要素はページの一部を表すために使用され、ページナビゲーションとして使用できるリンクグループである.
A、正しい
B、エラー
3.2参考答案
1、A 2、C 3、B 4、A 5、B 6、B 7、C 8、D 9、A 10、B
1構造要素
1.1ヘッダー要素
ヘッダ要素は、ヘッダを表す構造要素であり、通常、ウェブページ全体またはページ内の1つのコンテンツブロックのヘッダを配置するために用いられるが、ヘッダ(
~
)、ナビゲーション部分(
)、または一般コンテンツ(
および
)などの他の要素を含んでもよい.1.2 article要素
article要素は、大きなコンテンツを表す構造要素です.article要素を使用すると、記事、ブログ、投稿、コメントなど、Webページで独立した完全なコンテンツを定義できます.
1.2.1文章領域の構成
設計要件の文章領域は、文章のタイトルと文章の内容から構成されています.HTML 5の意味化要素articleは、ヘッダー要素をネストして文章のタイトルを表す文章領域を表すことができ、文章の内容は段落ラベルで設定することができる.コード構造は次のとおりです.
<article>
<header> header>
<p> p>
article>
1.3 aside要素
aside要素は、現在のページまたは現在の文章の関連参照、サイドバー、広告、ナビゲーションなど、本体コンテンツとは異なる部分を含む、現在のページまたは現在の文章の付属情報を定義するために使用されます.
1.4 footer要素
footer要素は、親コンテンツブロックにコメントを追加したり、文章領域に作者情報を追加したり、Webページの下部に著作権情報を追加したりするなど、脚注部分を定義します.
1.4.1フッター領域の設定
footer要素は、ドキュメントまたはセクションのフッターを定義します.ドキュメントのフッターとして、通常、ページの著作権情報と連絡先情報を含めることができます.
1.4.2著作権情報
著作権情報は通常、著作権記号によって©関連情報と構成され、Webページに著作権記号が表示されます.©特殊文字が必要©,たとえば、「©2008 Yang、対応コード:
©2008 Yang
1.4.3連絡先情報著作権情報は通常、フッター領域にネストされ、意味化要素addressを使用して設定され、address要素のテキストは通常斜体として表示されます.コード構造は次のとおりです.
<footer>
<address> address>
footer>
1.5 figure/figcaption要素
figure要素は、画像、グラフ、写真、コードなど、独立したストリームコンテンツを表すために使用されます.figcaption要素は、
にネストされるfigure要素のタイトルを定義するために使用され、通常、
の最初のサブ要素または最後のサブ要素の位置に配置される.1.5.1文章領域に図類オブジェクトの意味要素を導入する
設計要件の文章領域に検索エンジンによって識別される図クラスオブジェクトを挿入するには、HTML 5の意味化要素figureで設定することができ、figcaption要素をネストして図の名前を表すことができ、この要素は通常figure要素の最初のサブ要素または最後のサブ要素の位置に配置される.コード構造は次のとおりです.
<figure>
<img src= >
<figcaption> figcaption>
figure>
2ページノード要素
2.1 section要素
セクション要素は、章、ヘッダー、フッター、ドキュメントの他の部分など、文章のセクション(セグメント)を定義するために使用されます.通常、コンテンツとそのタイトルから構成されます.文節の設定HTML 5の意味化要素sectionは、文節の見出しをネストすることができ、文節の内容は段落ラベルまたは他のラベルで設定することができる文章の節を表すことができる.コード構造は次のとおりです.
<section>
<header> header>
<p> p>
section>
2.2 nav元素
nav要素はページの一部を表すために使用され、主にナビゲーションメニュー、サイドバーナビゲーション、内ページナビゲーション、ページめくり操作などの領域を構築するために使用されるリンクグループである.
2.2.1文章領域の構成
設計では、文書領域にナビゲーション領域を設定する必要があります.HTML 5の意味化要素navは、ハイパーリンクラベル(a)をネストしてジャンプを実現するナビゲーション領域を表すことができ、外部ハイパーリンクの一般的な属性はhrefとtitleであり、hrefの値はチェーンシンクの経路であり、titleの値はマウスがチェーンソースに表示されるテキストである.コード構造は次のとおりです.
<nav>
<a href=" " title=" "> a>
......
nav>
2.3 address要素
address要素は、一般に著者がドキュメントの連絡先情報を提供するために使用され、一般的に1つのページの先頭または末尾に配置され、最も一般的に使用されるのはfooter要素に含まれる他のコンテンツです.address要素がarticle要素の内部にある場合、article要素に含まれる文章の内容の著者の連絡情報を表し、body要素内に直接ある場合、そのページの著者の連絡情報を表します.
3関連概念選択問題及び参考解答
3.1選択問題
1、
要素は主にページの内容を定義するために使用されますか?
A、文章
B、著作権情報
C、ナビゲーション
D、補助内容
2、以下のオプション、どれが意味化されていない要素ですか?
A、
B、
C、
D、
3.HTML 5では、()要素は文章のヘッダー情報を定義するために使用される.
A、
B、
C、
D、
4、aside要素は、現在のページまたは現在の文章の付属情報を定義するために使用されます.
A、正しい
B、エラー
5、figcaption要素は、画像、グラフ、写真、コードなどの独立したストリームコンテンツを表すために使用される.
A、正しい
B、エラー6、要素は主にページのどんな内容を定義しますか?
A、文章のサイドバー
B、文章の節
C、文章のタイトル
D、文章の著作権情報
7、
要素は主にページの内容を定義するために使用されますか?
A、ヘッダー
B、フッター
C、ナビゲーション
D、コメント
8.次のオプションで、Webページの作成者の連絡先を表すのは()要素です.
A、 figure
B、 section
C、 details
D、 address
9、HTML 5の目標は、いくつかの新しいラベル、新しい機能を通じて、より簡単で独立した標準的な汎用Webアプリケーションの開発に標準を提供することである.
A、正しい
B、エラー
10、address要素はページの一部を表すために使用され、ページナビゲーションとして使用できるリンクグループである.
A、正しい
B、エラー
3.2参考答案
1、A 2、C 3、B 4、A 5、B 6、B 7、C 8、D 9、A 10、B