SiempreHacker
◙◙◙◙◙◙◙◙◙◙◙ஜ۩۞۩ஜ◙◙◙◙◙◙◙◙◙◙◙
█ ▓ ░ •• ☼ •• Bienvenidos! •• ☼ •• ░ ▓ █
◙◙◙◙◙◙◙◙◙◙◙ஜ۩۞۩ஜ◙◙◙◙◙◙◙◙◙◙◙

Hola invitado, si lees esto, significa que no estás Registrado.

da click en Registrarse

o conectarse si ya estas Registrado


salu2
۩۞۩SiémpreHackérs۩۞۩

TU FORO DE InFormatica

y MUCHO MAS..


El aspecto de un correcto HTML

Ver el tema anterior Ver el tema siguiente Ir abajo

El aspecto de un correcto HTML

Mensaje por ۩۞۩SiémpreHackérs۩۞۩ el Dom Oct 30, 2011 6:57 pm

Doctype declarado correctamente
Parece un galimatías, pero los DOCTYPE son importantes. No sólo hace que tu código sea válido, sinó que dicen a tu navegador detalles de cómo debe renderizar tu página.


Código Web
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Encabezado ordenado
Que conste de título, conjunto de caracteres, enlace a hojas de estilo (incluida la de impresión!) y scripts (enlazados, que NO incluidos).
Los archivos externos (CSS o JavaScript) en carpetas propias (css/ y script/ por ejemplo).


Código Web
<head>
   <title>Titulo del documento</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <link rel="stylesheet" href="css/estilo.css" type="text/css" media="screen, projection"/>
   <link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>
   <script type="text/javascript" src="script/javascript.js"></script>
</head>

ID para Body
El ponerle una id a la etiqueta body te permite crear propiedades CSS específicas para una página en concreto. Por ejemplo diferenciar los h2 del homepage, con un código similar a #home h2 {}, y así no afectar a ningún otro h2.


Código Web
<body id="home">

Div principal para todo el contenido de la página
El poner un div que contenga todo el contenido nos permite mantener el control del diseño sobre la página en su conjunto. Por ejemplo podemos determinar un ancho fijo de toda la página.


Código Web
<div id="contenedor">

Menú limpio semánticamente
Un menú debe tener este aspecto:


Código Web
<div id="menu">
   <ul>
     <li><a href="inicio.php">Inicio</a></li>
     <li><a href="info.php">Info</a></li>
     <li><a href="contacto.php">Contacto</a></li>
   </ul>
</div>

Incluir el contenido repetido
Mucho contenido es común entre página y página. Menús, barras laterales, piés de página, etc. Este tipo de contenido debería ser incluido dinámicamente. Esto puede conseguirse con una simple instrucción de PHP.


Código Web
<?php include_once("botonero.html") ?>

Contenido importante primero
Es apropiado que incluyas tus contenidos más importantes al principio, como noticias, eventos, que pueden ser listadas al principio del HTML. Si tu barra lateral es sólo para navegación o cosas menos relevantes incluso, deberías ponerla al final del HTML.

Código tabulado
Si cada sección de código se presenta tabulada como un conjunto, la estructura del código queda mucho más comprensible. Cuando un código está completamente alineado a la izquierda es prácticamente imposible de comprender.

Sin estilo!
Tu HTML debe estar completamente orientado a la estructura y al contenido, no al estilo! Deja que el CSS se encargue de todo lo relacionado con el estilo, y por supuesto olvida la etiqueta font

Contenido, contenido, contenido
Aquí has de insertar todo tu contenido, así que manos a la obra. No olvides separar los distintos párrafos con la etiqueta p. Utiliza listas dónde sea apropiado. Utiliza códigos para los símbolos (& copy; & iacute; etc). No abuses de los hr para el salto de línea.

Etiquetas de cierre
Empezaste con fuerza, ahora acaba con fuerza. No seas perezos@ y cierra todas las etiquetas que lo requieran, incluso si la página se renderiza bien sin ellas!







Hola Invitado Reglas Generales Del Foro
Reglas Generales Del Chat
Si Te Solucionamos Un Tema Pone ()
Si Aun Tienes Dudas Pone ()
!No Se Da Soporte Por MP¡
avatar
۩۞۩SiémpreHackérs۩۞۩
Admin
Admin

Sexo. : Masculino
Mensajes Mensajes : 539
Puntos Puntos : 3508
Reputación Reputación : 4

Edad Edad : 21


http://siemprehackers.foro-activo.com/

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.