Duda con respecto a etiquetas <h1>, <h2> y <p>

Jackass89 · 18 Jul 2014

Hola, Betas!, estuve Googleando y solo me encontré con información algo desactualizada. Asíque voy a recurrir a ustedes 😀
Primero que nada, si tengo un sitio web, en el style.css ¿poniendo lo siguiente está bien?:

Insertar CODE, HTML o PHP:

h1{font-size:15px; margin: 8px 0px 0px 0px;}
h2{font-size: 12px; margin: 8px 0px 0px 0px;}
p {margin: 0px; padding: 0px; color:#000000;}

mas allá de las propiedades de cada una, me refiero a si escribiendolas una vez sola en la hoja de estilo ya es suficiente o cada elemento div tiene una etiqueta aparte.

ismadobe · 18 Jul 2014

Todo depende de lo que quieras. Según entiendo la pregunta, puedes establecer clases y darles las propiedades en la hoja de estilos. Por ejemplo: Un sitio de comidas y la divides en varios tipos: pescado, pan, chocolate, bebidas ... lo que sea xD. Luego,
p.pescado {font-size: 16px; font-family: verdana, etc...} , ya vos sabras en tu diseño que es lo que quieres hacer.

PD: Asi como está funciona. Solo que a todos los parrafos tendian el mismo estilo. Para los h1,h2 no hay grán cosa que hacer por que se supone que ha de ser igual en todo el documento.

Jackass89 · 18 Jul 2014

ismadobe dijo:
Todo depende de lo que quieras. Según entiendo la pregunta, puedes establecer clases y darles las propiedades en la hoja de estilos. Por ejemplo: Un sitio de comidas y la divides en varios tipos: pescado, pan, chocolate, bebidas ... lo que sea xD. Luego,
p.pescado {font-size: 16px; font-family: verdana, etc...} , ya vos sabras en tu diseño que es lo que quieres hacer.

PD: Asi como está funciona. Solo que a todos los parrafos tendian el mismo estilo. Para los h1,h2 no hay grán cosa que hacer por que se supone que ha de ser igual en todo el documento.

Gracias por tu respuesta!!, entiendo!. Entonces tener así es correcto?

Insertar CODE, HTML o PHP:

h1{font-size:15px; margin: 8px 0px 0px 0px;}
h2{font-size: 12px; margin: 8px 0px 0px 0px;}
h2 span.num{font-size: 10px;}
h2 span.firstname{color: black; font-size: 14px;}
h2 span.lastname{color: black; font-size: 13px;}
h2 span.film_info{color: black; font-size: 12px;}

y en el código PHP tengo:

Insertar CODE, HTML o PHP:

<h2>
	<span class="num"><?php echo $row['id']?>.</span>
	<span class="firstname"><?php echo $row['first_name'].' - '?></span>
	<span class="lastname"><?php echo $row['last_name']?></span>									
</h2>

no me afectaría nada con respecto al SEO, cierto? :O

Geophertz · 18 Jul 2014

Te recomiendo leer éste enlace ya que seguramente resolverá bastantes dudas que puedes tener al iniciarte con CSS.

Duda con respecto a etiquetas <h1>, <h2> y <p>

Jackass89

ismadobe

Jackass89

Geophertz

Temas similares