io toolbox

Menu

Html

Structure d'une page

Les pages HTML doivent respecter la structure suivante.

                            
                            
                                
<-- En-tête de la page -->
<-- Partie centrale contenant le détails d'une page, le sommaire, etc. -->
<-- Pied de page du site -->

Syntaxe

  • Les balises html s'écrivent entièrement en minuscule.
  • Les classes css s'écrivent entièrement en minuscule.
  • Les mots doivent être séparés par des traits d'union (-).

Eléments d'entête

  1. Metas
  2. Title
  3. Icon apps
  4. Splashscreens apps
  5. Favico
  6. Css
  7. Js (à placer en pied de page dans la mesure du possible)

                    
                    
                    
                    
                    
                    
                     
                      
                    
                    
                        
                    iomedia toolbox
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
                
                    
                    

Responsive Grid

La zone de contenu est divisée en 12 blocs.

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-2

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-3

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-4

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-5

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-6

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-7

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-8

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-9

.col-md-1

.col-md-1

.col-md-1

.col-md-10

.col-md-1

.col-md-1

.col-md-11

.col-md-1

.col-md-12



.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-2

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-3

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-4

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-5

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-6

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-7

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-8

.col-md-1

.col-md-1

.col-md-1

.col-md-1

.col-md-9

.col-md-1

.col-md-1

.col-md-1

.col-md-10

.col-md-1

.col-md-1

.col-md-11

.col-md-1

.col-md-12