Discussion :

[bastien_hj]

Bonjour

Je me suis aperçu que je pouvais proceder de 2 manières différentes

Que je fasse ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9900FF;
	border: 3px solid #000000;
	font-size: 15px;
	font-weight: bold;
	width: 430px;
	margin-left: 120px;
	padding: 2px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="menu">
  <div align="center">La liste des photos<a href="liste-photos.html"></a>
  </div>
</div>

ou bien ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9900FF;
	border: 3px solid #000000;
	font-size: 15px;
	font-weight: bold;
	width: 430px;
	margin-left: 120px;
	padding: 2px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="menu">
  <div align="center">La liste des photos<a href="liste-photos.html"></a>
  </div>
</div>

Et bien j'obtiens exactement le même résultat

Quelle est la différence entre les deux alors? Il doit bien y'en avoir une pourtant...Je suppose que l'un doit être mieux que l'autre ?

Et par rapport à l'optimisation en vue de Google, est-ce qu'il y'a une solution mieux que l'autre?


Merci

[devyan]

Salut,

En fait tu ne procède pas de manière différente mais tu applique un poids différent à la déclaration CSS.

Un ID doit être unique dans une page HTML alors qu'une déclaration CLASS peut être utilisée à plusieurs endroits...

[bastien_hj]

Salut,

En fait tu ne procède pas de manière différente mais tu applique un poids différent à la déclaration CSS.

Un ID doit être unique dans une page HTML alors qu'une déclaration CLASS peut être utilisée à plusieurs endroits...

Merci

Mais j'ai pas tout compris
En fait je peux utiliser indifféremment l'un ou l'autre?

Et ça n'a pas d'importance pour Google?

[devyan]

Salut,

Oui tu peux utiliser l'un ou l'autre. Mais aussi les deux. Et pour CLASS tu peux même en utiliser plusieurs en même temps...

1/ tu as les déclarations sur type de balise HTLM (ex. : a {color:red;})

2/ tu as les déclarations CLASS (ex. : .monstyle {font-weight:bold;} unautrestyle {background-color:yellow;})

3/ tu as les déclarations ID (ex. : #toto {text-transform:uppercase;})

Les différents types n'ont pas le même niveau de priorité (d'abord 1 puis 2 et enfin 3)

Un attribut qui n'est pas redéfini n'est pas supprimé, par contre si il y a recouvrement alors c'est l'ordre de priorité qui prime.