HTML グループ化要素

HTML5分组元素

所谓分组元素就是用来组织相关内容的HTML5元素，清晰有效的进行归类

一、元素分类汇总

   元素名称                               说明    

p    表示段落    

div    一个没有任何语义的通用元素，和span是对应的元素    

blockquote    表示引自它处的大段内容    

pre    表示其格式应该被保留的内容    

hr    表示其段落级别的主题转换，即水平线    

ul，ol    表示无序列表，有序列表    

li    用于ul，ol元素中的列表项    

dl，dt，dd    表示包含一系列术语和定义说明的列表。dt在dl内部表示术语，一般充当标题，dd在dl内部表示定义，一般是内容    

figure    表示图片    

figcaption    表示figure元素的标题    

二、分组元素解析

1、

建立段落

这是一个段落

这是另一个段落

解释：

元素实际作用就是将内部元素包含的文本形成一个段落；而段落和段落之间保持一定的空隙

2、

通用分组

这是一个通用分组

这是另一个通用分组

説明:

要素は初期のバージョンで非常に一般的に使用され、

の一般的なグループ化要素を通じてレイアウトされました。 HTML5 では、セマンティクスにより、他のさまざまな文書要素に置き換えられます。

段落との違いは、テキストの 2 つの段落の間に上下のスペースがなく、ギャップ間隔が
改行と同じであることです。

と

の違いを見てください

<p>这是一个段落</p>
<p>这是另一个段落</p>
<div>这是一个通用分组</div>
<div>这是另一个通用分组</div>

3.

他の場所からの大きな段落を引用します

content

これは他の場所からの別の大きなコンテンツです

説明:

要素は、実際には

要素と同じように機能します。段落のギャップを調整し、先頭と末尾のインデントの機能も含みます。意味的に言えば、他の場所のコンテンツの大部分を指します。

4. フォーマットされたコンテンツを表示する <br><pre class="brush:html;toolbar:false"><pref> ##### ##### ##### ##### ##### </pref>

説明: 要素の実際の機能は、それをそのまま表示します。 、これは単純な組版にのみ適しており、複雑な組版では要件を満たすことができません。 <p></p><p></p><p>5. </p><hr>区切りの追加 <img src="https://img.php.cn//upload/image/930/634/103/1487058091703651.png" title="HTML グループ化要素" alt="HTML グループ化要素" style="max-width:90%" style="max-width:90%"><pre class="brush:html;toolbar:false"><div>这是一个通用分组</div> <hr> <div>这是另一个通用分组</div> 説明: この要素の実際の機能は、文脈上のトピックの分割を示すことを目的とした分割線を追加することです。

6.

• 順序なしリストを追加します

  <ul>
      <li>张三</li>
      <li>李四</li>
      <li>王五</li>
      <li>马六</li>
  </ul>

  説明:
  要素は内部リスト項目です
  7.
  1. 順序付きリストを追加します

     <ol>
         <li>张三</li>
         <li>李四</li>
         <li>王五</li>
         <li>马六</li>
     </ol>

     
     説明:
     要素は順序付きリストを表し、
     1. 要素は内部リスト項目です。
        要素は現在 3 つの属性をサポートしています: ee

        li 要素属性

        <ul>
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
            <li>马六</li>
        </ul>
        <ol>
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
            <li>马六</li>
        </ol>
        
            
        张三
            
        李四
            
        王五
            
        马六
        
        
            
        张三
            
        李四
            
        王五
            
        马六
        
        
            
        张三
            
        李四
            
        王五
            
        马六
        
        
            
        张三
            
        李四
            
        王五
            
        马六
        
        
            
        张三
            
        李四
            
        王五
            
        马六
        

        

        8、

        

        dd>この文書の詳細は次のとおりです2

        説明: 3 つの要素は全体ですが、
        または
        のすべてではありません。必ず表示されます

        <ol>
            <li>张三</li>
            <li>李四</li>
            <li>王五</li>
            <li>马六</li>
        </ol>
        
            
        张三
            
        李四
            
        王五
            
        马六
        

        

        9. PHP 中国語 Web サイトにご注意ください。