html 5学習ノート20170210 pm

無秩序リスト
リストラベルとは
リストラベルの役割は、検索エンジンにブラウザにデータの山が全体であることを伝えることです.
HTMLにおけるリストタグの分類

無秩序リスト(最大):unordered list

秩序リスト(最小):ordered list

定義リスト(次):definition list

無秩序リストの役割
リストの意味を1つのデータに追加し、このデータのすべてのデータに前後の区別がありません.

前後の区別とは何か.例えば、ランキング

何が前後の区別がないことを叫びます例えば中国はどれらの都市があります

無秩序リストのフォーマット

Liは実は英語のlist itemの略listはリストitemはエントリを結合してリストエントリです
注意点

ulタグは、小さなドットを追加する

ではなく、データの山にリストの意味を追加するために使用されることを覚えておいてください.

ulタグとliタグは全体の組み合わせであるため、一般的にulタグとliタグは共に現れ、単独では現れない.すなわち、1つのulタグを単独で使用したり、1つのliタグを単独で使用したりすることはなく、

を組み合わせて使用する.

ulタグとliタグは組み合わせであるため、ulタグには他のタグが含まれることは推奨されません.つまり、後でulタグにliタグ

しか見えません.
無秩序リストシーンの適用

ニュースリスト商品リストナビゲーションバー

**ラベル属性でもスタイルは変更できるが、企業開発では絶対にしないことを強調**

ulではliラベルのみを置くのが望ましいが、企業開発ではliラベルの内容が複雑になる可能性があるため、liラベルに他のラベルを追加してインタフェース

を豊かにすることができる.

無秩序リストのliタグには、他のタグを追加してインタフェースを豊かにすることができるほか、ulタグを追加してインタフェースを豊かにすることができます.つまり、ulにはliがあり、liにはul

があります.

webstormでulフォーマット

を迅速に作成する方法

ul>li

意味:ペアのulラベルを生成し、このペアのulラベルにペアのliラベルを生成します.

ul>li*3

意味:一対のulラベルを生成し、この対のulラベルに3対のliラベルを生成する
まとめ

必ずulラベルの中にliラベル

だけを入れたほうがいいことを覚えておいてください.

ただしliタグには他のタグ

を配置し続けることもできる.
順序付きリスト
シーケンステーブルとは、シーケンステーブルの役割を果たして、データの山にリストの意味を追加し、このデータの中のすべてのデータに前後の順序付けリストのフォーマットがあります.

他の使い方もulもあまり違わないし、シーン/注意点とulがあまり違わなくても
定義リスト
リストの役割の定義

データの山にリストの意味を追加

は、まずdtタグによってリスト内のすべてのタイトルを定義し、ddタグによって各タイトルに記述情報

を追加する.
リストのフォーマットの定義

実はdtとddはすべて英語の略語で、dtは英語のdefinition titleの略語で、ddはdefinition discriptionの略語で、dtの意味はリストの中のタイトルを定義するために使用して、ddの意味はタイトルの対応する説明を定義するために使用します
リストの適用シーンの定義

Webサイトの末尾に関する情報

図文混成

リストの注意点の定義

はul/olと同様にdlとdt/ddが全体であるため、彼らは一般的に単独で現れることはなく、

が一緒に現れる.

はul/olと同様、dlとdt/ddは組み合わせラベルであるため、dlにはdtとddラベル

のみを入れることを推奨する.

一つのdtは対応するddがなくてもよいし、また複数の対応するddがあってもよいが、ddがあってもなくても使用を推奨せず、一つのdtは一つのdd

に対応することを推奨する.

はliタグと同様に、豊富なインタフェースが必要な場合、dtタグとddタグに他のタグ

を追加し続けることができます.

表ラベルの基本的な使用
実は過去には表のラベルが非常に多く使われていましたが、ほとんどのサイトでは表のラベルを使って作られています.つまり、表のラベルは時代の代表です.
表ラベル表ラベルの役割は、データの山に表の意味を追加するために使用されますが、実際には表はデータの表示形式であり、データ量が非常に大きい場合、表のこのような表示形式は最も明確な表示形式とされています.
表ラベルの書式

実際には、テーブルラベルのtableはテーブル全体、すなわちデータの山を表し、tableラベルはテーブルである.実際には、テーブルラベルのtrラベルは、テーブル全体の1行のデータを表す.すなわち、1対のtrラベルは、テーブルの1行

である.

実は表のラベルの中のtdラベル甘えん坊表の中の1行の中の1つのセル、つまり会所の1対のtdラベルは1行の中の1つのセル

です.
注意点

テーブルラベルには、枠線の幅を決定する枠線属性があり、デフォルトではこの属性の値は0なので、枠線

は見えません.

 
  
           ，        ，   table/tr/td       ，       ，      
 
  
table        
 
  
cellspacing    
 
  
cellpadding    
 
  
align     
 
  
width     
 
  
height     
 
  
tr      
 
  
align     
 
  
valign     
 
 
1
2
3
4
5
6
7
8
9
   

                            
                        
                    
                    
                     
                    
                    
                     
                
                

                    

                        
                        

                             
                        
                        
                        

                             
                        
                        
                        

                             
                        
                    
                
            
        
    
    

        
       
        

            

                

                                
web    FineReport               
                                     A   
web  finereport       
                                
                                
Java WeakReference WeakHashMap
                                    bylijinnan
java   
                                
                                
Linux——（hostname）    ip   
                                    eksliang
linuxhostname
                                
                                
oracle     
                                    18289753290

                                
                                
  c3p0         com.mchange.v2.resourcepool.TimeoutException
                                          
exception
                                
                                
IT            
                                        
   
                                
                                
spring  ——  
                                    a-john
spring
                                
                                
      xml  
                                    aijuans
xml
                                
                
            
        
    


    

        

                 ：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ