HTML5でよく使用されるグループ化要素は何ですか

HTML5 で一般的に使用されるグループ化要素: 1. p 要素、段落グループ化用; 2. div 要素、一般的なグループ化用; 3. blockquote 要素; 4. pre 要素; 5. hr 要素; 6. ul、 ol、li 要素、7、dl、dt、dd 要素、8、figure および figcaption 要素。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 の一般的なグループ化要素の概要

HTML5 グループ化要素の分析

1、 段落の作成

##2, 一般的なグループ化##div 自体が行うためいかなる意味でも、HTML5 のセマンティクスに対する強い要求の文脈では、div は最後の手段のソリューションとして使用されます。

3. リスト内のリスト項目を定義します

属性は次のとおりです

: value:

この整数属性は、順序付きリスト ( 要素によって定義される) 内のこの 要素のシーケンス番号を示します。この属性の値は、リストがローマ数字または文字を使用して表示されている場合でも、数値のみにすることができます。後続のリスト エントリは、設定された値からカウントされます。 value 属性は、順序なしリスト () またはメニュー () には無効です。

type:

数値のタイプを指定します。

'a' は小文字の数字を表します;

• 'A' は大文字の数字を表します;
• 'i' は小文字のローマ数字を表します;
• 'I' は大文字のローマ数字を表し、
• '1' は数値 (デフォルト) を表します。

• <ol type="I">
      <li value="3">third item</li>
      <li>fourth item</li>
      <li>fifth item</li>
  </ol>

出力:

III.third item
IV.fourth item
V.fifth item

< ul > < li >順序なしリストの定義

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

出力:

 - first item 
 - second item
 - third item

< ol > < li > 順序付きリストの定義

<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li><
/ol>

Output

 - first item 
 - second item 
 - third item

4、< dl > ; < ; dt > < dd > 説明リストを生成します##< dl > コンテンツのコレクションを表します。

< dt > コンテンツtitle.
< dd > 具体的な内容

<dl>
    <dt>Name</dt>    
    	<dd>Godzilla</dd>
    <dt>Born</dt>
    	<dd>1952</dd>
    <dt>Birthplace</dt>
    	<dd>Japan</dd>
    <dt>Color</dt>
    	<dd>Green</dd>
</dl>

出力

:

Name
	    Godzilla
Born
	    1952
Birthplace
		Japan
Color
	    Green

5. 図、 figcaption

figure は独立したコンテンツを表し、参照された図、図、表、コード スニペットなどを示します。

figcaption は凡例の説明を表します

<figure>
    <img src="/static/imghw/default1.png"  data-src="/media/examples/elephant-660-480.jpg"  class="lazy"  
         alt="Elephant at sunset">
    <figcaption>An elephant at sunset</figcaption>
</figure>

6、main

各ページには 1 つだけ含めることができますmain 要素。このページのテーマを表します。

<main>
    <article>
        <h1 id="自行车越野">自行车越野</h1>
        <p>自行车越野三生三世</p>
    </article>
</main>
<article>
    <h1 id="经济损失">经济损失</h1>
    <p>在野外攀爬天然生成的岩壁。。。</p>
</article>

関連する推奨事項:「

html ビデオ チュートリアル

」

以上がHTML5でよく使用されるグループ化要素は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。