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は、ヘッダー要素をネストして文章のタイトルを表す文章領域を表すことができ、文章の内容は段落ラベルで設定することができる.コード構造は次のとおりです.
    <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 Yang1.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