ホームページ > 記事 > ウェブフロントエンド > HTML5でよく使用されるグループ化要素は何ですか

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

青灯夜游オリジナル: 2021-12-17 16:17:022264ブラウズ

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でよく使用されるグループ化要素は何ですか

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>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

出力:

 - first item 
 - second item
 - third item

順序付きリストの定義

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

Output

 - first item 
 - second item 
 - third item

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

具体的な内容

<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 は独立したコンテンツを表し、参照された図、図、表、コードスニペットなどを示します。

<figure>
    <img src="/media/examples/elephant-660-480.jpg"
         alt="Elephant at sunset">
    <figcaption>An elephant at sunset</figcaption>
</figure>

6、main

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

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

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

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

HTML5 グループ化要素の分析

出力:

関連記事