Convertisseur CSV vers Tableau HTML

Convertit des fichiers CSV en un extrait HTML utilisant le balisage `

`/``. Le résultat est prévisualisé en direct et peut être copié ou téléchargé. La conversion s'effectue entièrement dans votre navigateur ; aucune donnée n'est envoyée à un serveur.

`. Choisissez le délimiteur, si la première ligne sert d'en-tête et si les lignes doivent être encadrées par `
Délimiteur
Utiliser la première ligne comme en-tête
Encadrer avec thead/tbody

Aperçu

Code HTML


            
            Copié !
            
          

          
Saisissez des données CSV pour voir ici le tableau HTML généré.

        

      


      
      

        

          
Comment une ligne CSV correspond à un tableau HTML

          

            

              
                

                  Une ligne CSV
                  name,age,city
                

                

                  Balisage HTML résultant
                  <tr><td>name</td><td>age</td><td>city</td></tr>
                

              
            

          

          
Lorsque la première ligne est utilisée comme en-tête, elle devient une ligne de balises `` ; chaque ligne suivante devient une ligne de balises ``.

        

      

    

  

  

  
  
  

    

      

        
Astuces

        
    
                      
  • Pour un e-mail HTML ou un ancien CMS sans prise en charge de Markdown, la sortie minimale sans thead/tbody est souvent plus simple à utiliser.
    • 
                      
  • Tout `<`, `>` ou `&` présent dans une cellule est automatiquement échappé en entité HTML, si bien que coller le code généré ne casse pas la mise en page.
    • 
                      
  • L'aperçu affiche le tableau converti exactement comme le ferait un navigateur, ce qui permet de vérifier son rendu avant de copier le code.
    • 
                      
  • Combinez cet outil avec les outils jumeaux CSV vers Markdown et CSV vers JSON pour convertir un même CSV dans le format dont vous avez besoin.
    • 
                  

      

    

  


      

      

        

          
Questions Fréquentes

          

                          

                

                  
                

                

                  
C'est recommandé lorsque c'est possible, car cela permet de distinguer sémantiquement l'en-tête du corps. Dans les environnements où la prise en charge de thead/tbody est peu fiable, comme certains clients de messagerie, le balisage minimal sans ces balises s'affiche souvent de façon plus cohérente.

                

              

                          

                

                  
                

                

                  
Oui. Les virgules et les sauts de ligne à l'intérieur des cellules entre guillemets sont interprétés correctement, si bien qu'un CSV complexe copié depuis Excel se convertit en HTML sans casser la structure du tableau.

                

              

                          

                

                  
                

                

                  
Oui. Le résultat est un balisage `` standard, qui peut être collé directement dans le mode d'édition HTML de WordPress ou dans le corps d'un e-mail HTML.

                

                  
                

                

                  
Non. Toute la conversion s'effectue en JavaScript dans votre navigateur, et le contenu CSV que vous saisissez n'est jamais transmis à un serveur.

                

              

    

      

        ツールくん
        
Anecdote — Pourquoi la balise `

                
              
                          
                      
        
      
    

    
  
  
  
  
` refuse de disparaître
À la fin des années 1990, aux débuts du Web, la « mise en page par tableaux » — construire toute la structure d'une page avec des balises `

                  
` — était la norme. CSS offrait alors très peu de possibilités de mise en page, et les tableaux étaient à peu près le seul moyen concret d'organiser du contenu en plusieurs colonnes, si bien que le code HTML de l'époque regorgeait d'éléments `
` n'ayant aucun rapport avec des données tabulaires.
Aujourd'hui, CSS a mûri et Flexbox ainsi que Grid sont largement répandus, si bien qu'utiliser des tableaux pour la mise en page est considéré comme un anti-pattern bien connu. Mais pour son usage d'origine — représenter de vraies données organisées en lignes et en colonnes — `

                  
` reste le choix le plus approprié et le plus accessible, car les lecteurs d'écran peuvent annoncer la relation entre les cellules `
` et ``.

                  
Le besoin de coller du contenu CSV dans un article de blog ou une newsletter reste courant aujourd'hui, car les e-mails HTML ne peuvent pas restituer Markdown et certains CMS n'ont pas de plugin Markdown. Un outil qui convertit en un clic le résultat d'un tableur en tableau HTML répond à ce besoin pratique simple mais toujours présent.

        
              
    
  




  

    

      
Plus d'outils dans cette catégorie