IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Span dans un H1 ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mai 2010
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mai 2010
    Messages : 54
    Par défaut Span dans un H1 ?
    Bonjour

    est-ce que le code suivant est correct :
    - d'un point de vue language HTML ?
    - d'un point de vue référencement ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h1><span id="h1part1">Venir à </span><span id="h1part2">Paris</span></h1><br>
    En fait je voudrait qu'un partie de mon titre soit plus grand que l'autre ce qui explique les 2 span.

    Je suis preneur de suggestions pour optimiser !

    Merci

  2. #2
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par défaut
    Citation Envoyé par chuckichucki Voir le message
    est-ce que le code suivant est correct :
    - d'un point de vue language HTML ?
    Oui, bien qu'on puisse se demander ce qu'un <br> vient faire à côté d'un <h1>, sur le principe.

    Citation Envoyé par chuckichucki Voir le message
    - d'un point de vue référencement ?
    Je m'y connais pas en référencement, mais il y a rien qui me choque là-dedans.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  3. #3
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    Salut,

    Je confirme, c'est correct d'un point de vue language HTML et n'est en aucun cas néfaste pour le réferencement.

    La balise <span> est un conteneur générique (sans sémantique propre) et est donc, parfaitement adaptée pour ça.

    Sinon, un seul Id suffit...
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    h1 {
    	font-size:2em;font-weight:bold;color:#000;
    }
    h1 #part2 {
    	font-size:1.5em;font-weight:bold;color:#00f;font-style:italic;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <h1>Venir à <span id="part2">Paris</span></h1>
    Donne
    Venir à Paris

  4. #4
    Membre averti
    Inscrit en
    Mai 2010
    Messages
    54
    Détails du profil
    Informations forums :
    Inscription : Mai 2010
    Messages : 54
    Par défaut
    Parfait, merci pour vos réponses !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [REGEXP] Suppression de tous les liens et les spans dans un code HTML
    Par Jibees dans le forum Collection et Stream
    Réponses: 2
    Dernier message: 23/11/2007, 10h24
  2. Introduire un span dans un script javascript
    Par Vinz06 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 20/10/2006, 15h23
  3. Mettre un <span> dans une ligne php
    Par Fleuretta dans le forum Langage
    Réponses: 5
    Dernier message: 06/10/2006, 13h48
  4. Positionnement de spans dans un span
    Par lieto dans le forum Balisage (X)HTML et validation W3C
    Réponses: 21
    Dernier message: 16/06/2006, 09h50
  5. définition d'un span dans le css
    Par regis68 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/02/2006, 22h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo