Générateur de signatures de courriel

Structure et compatibilité technique des signatures de courriel en HTML

La création d'une signature de courriel professionnelle repose sur des choix techniques précis pour assurer une compatibilité maximale entre les différents clients de messagerie. Contrairement aux pages Web modernes qui exploitent des feuilles de style complexes, les signatures de courriel doivent utiliser des structures HTML simplifiées et éprouvées.

Le code généré par cet outil emploie exclusivement une table de présentation avec une largeur maximale fixe (max-width:520px). Pour garantir que le rendu ne soit pas altéré par les règles de sécurité ou les interpréteurs limités des applications de messagerie, le code produit se limite strictement aux balises suivantes: table, tr, td, strong, span et a, accompagnées de styles en ligne. Aucun script (script), style global (style), image (image), formulaire (form), classe CSS (class) ou gestionnaire d'événements n'est inclus. De plus, les attributs de liens et les textes saisis par l'utilisateur sont systématiquement échappés, et les domaines internationaux sont normalisés dans les attributs href afin de prévenir les erreurs d'interprétation.

Il convient de noter que les applications de courriel peuvent modifier l'apparence finale de la signature. Des clients de messagerie populaires comme Gmail, Outlook ou Apple Mail réinterprètent souvent le code HTML reçu, ce qui peut influer sur l'espacement, les polices de caractères ou la couleur des liens.

Règles de validation et limites des champs de saisie

Pour maintenir l'intégrité du code HTML et éviter que la signature ne soit tronquée ou rejetée par les serveurs de messagerie, des limites strictes de caractères et des règles de validation sont appliquées à chaque champ:

• Nom complet: Ce champ est obligatoire. Sa longueur maximale est de 160 caractères. Si ce champ est laissé vide, l'outil affiche le message d'erreur « Entrez un nom complet. ». Si la limite est dépassée, le message « Limitez le nom complet à ‹max› caractères. » apparaît.
• Poste: Ce champ facultatif est limité à 160 caractères. En cas de dépassement, l'outil affiche « Limitez le poste à ‹max› caractères. ».
• Téléphone: Ce champ facultatif accepte un maximum de 80 caractères. Si le format est incorrect, le message « Utilisez des chiffres, la ponctuation téléphonique courante et, au besoin, un numéro de poste. » s'affiche. Si la saisie dépasse la limite, le message d'erreur est « Limitez le numéro de téléphone à ‹max› caractères. ». Pour générer un lien cliquable (tel:), le numéro doit commencer par le symbole + suivi de l'indicatif de pays.
• Courriel: Ce champ facultatif accepte une seule adresse d'un maximum de 254 caractères. Les adresses invalides déclenchent le message « Entrez une seule adresse courriel dans un format valide. », tandis qu'un dépassement de limite affiche « Limitez l’adresse courriel à ‹max› caractères. ». Les adresses courriel valides génèrent des liens mailto: encodés en pourcentage.
• Site Web et Lien de profil: Ces champs facultatifs acceptent des adresses URL d'une longueur maximale de 300 caractères chacune. Si l'adresse est invalide, l'outil affiche « Entrez une adresse de site Web ou de profil valide. ». Si le protocole est absent, le préfixe https:// est automatiquement ajouté.

D'autres validations de sécurité s'appliquent aux adresses URL et aux champs de texte:

• Les protocoles non pris en charge déclenchent le message « Utilisez un lien http:// ou https://. ».
• La présence d'identifiants dans l'URL affiche « Retirez le nom d’utilisateur et le mot de passe de ce lien. ».
• Une URL trop longue génère le message « Raccourcissez ce lien pour qu’il tienne sans risque dans une signature de courriel. ».
• La présence de caractères non autorisés affiche « Retirez les caractères de contrôle ou les sauts de ligne inattendus de ce champ. ».

La taille totale du code HTML généré doit rester inférieure à 10 000 caractères. Si des erreurs subsistent lors de la tentative de génération, l'outil affiche le message « Corrigez les champs en surbrillance avant de générer la signature. ».

Fonctionnement de l'interface et génération du code

L'interface utilisateur est structurée pour faciliter la saisie, la prévisualisation et la récupération du code HTML. Lors de l'ouverture, l'outil affiche le message d'état « Prêt à recevoir les détails de la signature. ». Tant qu'aucune donnée n'est traitée, la zone de sortie présente la mention « Entrez vos renseignements et générez une signature pour afficher le HTML à copier. ».

Une fois les informations saisies et validées, l'activation du bouton de génération produit le code HTML et met à jour l'état avec le message « La signature de courriel a été générée. ». L'interface affiche alors des indicateurs précis sur le résultat obtenu, notamment le nombre de caractères sous la forme « ‹count› caractères HTML » ainsi que le nombre de liens générés via la mention « ‹count› liens cliquables ».

L'utilisateur peut basculer l'affichage de l'aperçu visuel entre deux modes de largeur grâce au sélecteur de largeur de l'aperçu: le mode « Large » et le mode « Étroit ». Cela permet de vérifier la disposition de la signature sur différents écrans avant de copier le code. Si l'utilisateur décide de réinitialiser l'outil, l'action d'effacement vide les champs et affiche le message « Les détails de la signature et l’aperçu ont été effacés. ».

Confidentialité et traitement des données locales

La sécurité de vos informations personnelles est préservée par l'architecture même de l'outil. Vos coordonnées et la signature générée restent dans votre navigateur. BroBroGo ne les téléverse ni ne les enregistre.

Le traitement s'effectue localement sur votre appareil, sans aucun échange de données nominatives avec des serveurs externes. De plus, l'outil se limite à vérifier la conformité technique des données saisies (format des champs, sécurité des liens et structure du HTML généré). Il ne procède à aucune vérification d'identité, d'autorisation, de propriété ou de joignabilité des adresses et numéros fournis.

Foire aux questions

La signature aura-t-elle la même apparence dans toutes les applications de courriel? Non. Elle est conçue pour rester lisible dans les applications de courriel courantes, mais Gmail, Outlook, Apple Mail et les passerelles d’entreprise peuvent modifier l’espacement, les polices, les couleurs ou les liens. Envoyez des messages d’essai à partir de vos applications avant de la publier.

Quels champs sont obligatoires? Seul le nom complet est obligatoire. Le poste, le téléphone, le courriel, le site Web et le lien de profil sont facultatifs, et les champs vides sont omis. Pour obtenir un lien téléphonique cliquable, utilisez un numéro international commençant par +.

Comment ajouter le HTML à mon application de courriel? Copiez le HTML généré et suivez la méthode de votre application pour ajouter une signature HTML. Certains éditeurs acceptent le contenu mis en forme plutôt que le code brut; envoyez-vous donc un essai sur ordinateur et sur téléphone avant d’utiliser la signature avec des destinataires.