Word en HTML

Comment ça marche

Cas courant : une annonce, un règlement ou un article de blog rédigé dans Word doit passer sur votre site, mais la commande « Enregistrer en tant que page web » de Word produit des centaines de lignes de styles mso- et de span imbriqués. Touchez ou cliquez sur le cadre, choisissez le .docx puis Convertir en HTML : « annonce.docx » arrive dans vos Téléchargements sous le nom « annonce.html ». L'outil lit la structure du document, pas son apparence : une ligne au style Titre 1 devient <h1>, un mot en gras <strong>, une liste à puces <ul><li>, une liste numérotée <ol>, un tableau <table>. Dans Word en français, le style porte en interne un nom comme « Titre1 » ; l'outil lit le nom du style et trouve le bon niveau. Couleurs, polices et alignement sont volontairement laissés de côté : c'est le CSS de votre site qui décide de l'apparence. Avec « Contenu seul », le fichier arrive sans <html> ni <head> ; ouvrez-le dans le Bloc-notes et collez le code dans l'éditeur de code de WordPress.

Cet outil est aussi connu sous le nom de convertir word en html, docx en html, document word en code html, html propre depuis word, word to html.

Qu'est-ce que HTML ?

Le HTML est le langage de balisage qui forme le squelette d'une page web : <h1> marque le titre principal, <p> un paragraphe, <ul> une liste à puces, <table> un tableau et <a> un lien. Le HTML dit ce qu'est chaque élément ; c'est un autre langage, le CSS, qui décide de son apparence. Un HTML propre respecte cette séparation : les balises ne portent que le sens et laissent l'apparence au CSS du site. Moteurs de recherche et lecteurs d'écran comprennent la page grâce à ces balises sémantiques.

Qu'est-ce que DOCX (document Word) ?

Le DOCX est le format de Word depuis 2007 : un seul fichier vu de l'extérieur, un paquet XML compressé à l'intérieur. Le texte est dans un fichier, les styles comme Titre 1 ou Normal dans un deuxième, les règles des listes numérotées dans un troisième, les images dans leur propre dossier. Cet outil ouvre ce paquet, lit le niveau des titres dans le nom des styles et le type de liste dans le fichier de numérotation, puis les traduit en balises HTML.

Document Word ou page HTML : quelle différence ?

Un document Word est pensé pour l'impression : format du papier, marges, sauts de page, police et taille en font partie. Une page HTML s'adapte à l'écran ; sa largeur change entre un téléphone et un ordinateur, la notion de page n'existe pas, et c'est le CSS du site qui fixe l'apparence. Passer proprement de Word à HTML, c'est donc transporter la structure et non l'apparence : un titre reste un titre, une liste une liste, un tableau un tableau, mais 2,5 cm de marge ou Calibri 11 pt n'ont pas leur place sur une page web.

Pourquoi le HTML de Word est encombré, et ce que cet outil retire

L'export « Page web » de Word cherche à garder un fichier que Word peut rouvrir : chaque paragraphe reçoit la classe MsoNormal, chaque groupe de mots un span avec font-family et des propriétés mso-, et le début du fichier un bloc de styles de plusieurs centaines de lignes avec des commentaires conditionnels. Ce code entre en conflit avec le design de votre site, alourdit la page et noie le contenu pour les moteurs de recherche.

Cet outil fait l'inverse et ne garde que le sens. Niveaux de titre, paragraphes, gras et italique, indice et exposant, liens, listes à puces et numérotées (imbriquées), tableaux et notes de bas de page sont écrits avec les balises propres au HTML. Les paragraphes vides, ces appuis sur Entrée utilisés pour espacer dans Word, sont supprimés. Couleur, police, taille, alignement et marges sont écartés exprès : ils relèvent du CSS de votre site.

Par sécurité, les adresses de lien dangereuses comme javascript: sont retirées, et les signes <, > et & du texte sont échappés pour s'afficher correctement.

• Titre 1-6 → <h1>-<h6>
• Gras / italique → <strong> / <em>
• Liste à puces / numérotée → <ul> / <ol start="…">
• Tableau → <table>, cellule fusionnée → colspan / rowspan
• Lien hypertexte → <a href>
• Note de bas de page → <sup> + liste en fin de page

Quelle option choisir, et les limites honnêtes

« Page complète » crée un fichier autonome avec <!DOCTYPE>, le codage des caractères et un titre de page tiré du premier titre du document ; il s'ouvre dans un navigateur par double-clic et peut être joint à un e-mail. « Contenu seul » donne le corps à coller dans le gabarit de votre site : dans l'éditeur de blocs de WordPress, ajoutez un bloc « HTML personnalisé », ou passez à l'éditeur de code.

Les images intégrées sont écrites dans le HTML sous forme d'adresse data:. Le fichier reste d'un seul tenant, mais chaque image occupe environ un tiers de plus que le fichier image d'origine (une photo de 2 Mo devient environ 2,7 Mo de HTML). Si vous envoyez les images séparément sur votre site, choisissez « Les laisser de côté ». Les dessins EMF/WMF et les images TIFF, que les navigateurs n'affichent pas, sont toujours écartés et comptés sur la ligne de résultat.

Les zones de texte, en-têtes et pieds de page, commentaires et le texte supprimé en suivi des modifications ne sont pas repris. L'ancien format .doc (Word 97-2003) n'est pas lu ; enregistrez-le d'abord en .docx dans Word.

Questions fréquentes

Comment convertir un document Word en HTML ?

Choisissez votre fichier .docx sur cette page et appuyez sur Convertir en HTML. Le document est transformé en HTML propre dans votre navigateur, et le fichier .html arrive dans votre dossier Téléchargements. Pour voir et copier le code, ouvrez le fichier dans le Bloc-notes ou un autre éditeur de texte.

Quelle différence avec « Enregistrer en tant que page web » dans Word ?

L'export de Word ajoute des centaines de lignes de styles, la classe MsoNormal et des propriétés mso- pour pouvoir rouvrir le fichier dans Word. Cet outil n'écrit que la structure : titres, paragraphes, mise en valeur, listes, tableaux et liens. Le code est plusieurs fois plus léger et ne se heurte pas au design de votre site.

Comment coller le HTML dans WordPress ?

Convertissez avec « Contenu seul », ouvrez le fichier .html dans le Bloc-notes et copiez tout. Dans l'éditeur de blocs de WordPress, ajoutez un bloc « HTML personnalisé » et collez, ou passez à l'éditeur de code depuis le menu en haut à droite. Titres et listes prennent alors le style de votre thème.

Mon document est-il envoyé sur un serveur ?

Non. Le fichier Word est ouvert dans votre navigateur et le HTML y est produit ; le document, ses images et son texte ne partent jamais sur Internet.