Class y ID

[joseomaker]

hola,todo diseñador web sabra que son los Class y los ID,pero,saben usarlos apropiadamente?

Eso lo duda,no mas ahi que mirar en el source code de una web para ver algo asi:

Código HTML:

<div id="header">imagen</div>
<br>
<div id="menu">
<p id="1">1</p>
<p id="2">2</p>
<p id="3">3</p>
</div>
<div id="contenido">texto</div>
<div id="footer">adios</div>
 

o peor aun:

Código HTML:

<div class="header">imagen</div>
<br>
<div class="menu">
<p class="1">1</p>
<p class="2">2</p>
<p class="3">3</p>
</div>
<div class="contenido">texto</div>
<div class="footer"></div>
 

esos diseñadores,espero que usen un editor visual porque que mal por ellos si tienen que editar una web con un diseño complejo,sufriran por la falta de logica del texto.

es tan facil,veamos:

ID y Class

Cual es la diferencia?,no,no es el numero de caracteres,para saberla vamos a ver los significados de ambas:

ID: nombre
Class: Clase

facil no,pero a algunos no les queda claro aun la diferencia,asi que,veamos los significados:

Nombre: nombre es la designación o denominación verbal (las denominaciones no verbales las estudian la iconología y la iconografía) que se le da a una persona, animal, cosa o concepto tangible o intangible, concreto o abstracto, para distinguirlo de otros.

Clase: Las clases son declaraciones o abstracciones de objetos, lo que significa, que una clase es la definición de un objeto. Cuando se programa un objeto y se definen sus características y funcionalidades, realmente se programa una clase.

Entonces,usemos cada uno para lo que sirve.

los codigos anteriores estaban mal,porque?,pues comparen este con los anteriores:

Código HTML:

<div class="header">imagen</div>
<br>
<div class="menu">
<p id="1">1</p>
<p id="2">2</p>
<p id="3">3</p>
</div>
<div class="contenido">texto</div>
<div class="footer">adios</div>
 

A que esta mas entendible,pues aca se los dejo de reflexion,hagamos mas legible el codigo de nuestros proyectos

Saludos.