domingo, 24 de agosto de 2008

Buenas practicas para HTML y XHTML

Bueno aqui un flash de unas buenas costumbres que no esta de mas aplicar al momento de programar para la web:

  1. Usar siempre la etiqueta Doctype: donde se define el tipo de lenguaje que esta utilizando la pagina.mas info sobre el doctype en: http://www.w3.org/QA/2002/04/valid-dtd-list.html
  2. Que las etiquetas siempre esten anidadas y no superpuestas, es decir la primera etiqueta que se habre sera la ultima que se cierra.pe:<head><p><img src="d.jpg"/>hola</p></head>.
  3. Toda etiqueta que se habre debera ser cerrada incluso algunas que en html no es necesario cerrarlas como <hr>,<img>,<br> ya que cuando nos mudemos a xhtml esto nos generara error, por eso estando en html o en xhtml siempre es recomendable cerrar las etiquetasya sea dentro de la misma como: <hr/> o en una nueva tal como: <hr></hr>
  4. XHTML es un leguaje case sensitiv como ya sabemos esto es que reconoce entre mayusculas y minusculas y no sera lo mismo para el usar la etiqueta h1 que la H1 por lo que debemos acostumbrarnos a trabajar en minusculas.
  5. Todos los atributos deben tener un valor añadido p.e:
    <input name="fecha" type="text" value="2008/08/08"/>

    por lo que seria incorrecto dejar algo como:
    <input name="fecha" type="text" >

  6. Los valores de los atributos siempre deberan ir entre comillas p.e aling="center"
  7. Es muy recomendable siempre ir comentando nuestro codigo para saber que estamos haciendo en cada bloque.
  8. Al comenzar una nueva pagina siempre hay que comenzar formando nuestra estructra basica:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>

    <head>

    <title></title>

    </head>

    <body>

    </body>

    </html>
  9. Es una buena practica valernos de las etiquetas meta para que nuestros sitios sean mas facilmente localizables por los buscadores aunque no solo se limitan a eso si no que tienen muchas funciones mas. checar: http://www.w3.org/Protocols/rfc2616/rfc2616.txt
  10. Una buena pratica a la hora del diseño es usar porcentajes como medidas para que nuestra pagina sea vista correctamente a cualquier resolucion, aunque esto aveces es tedioso.
  11. Siempre sera mejor usar estilos css a ocupar etiquetas como strong o italic
  12. tener presente a que tipo de equipos va dirigido su trabajo, es decir si quieren llegar a todo el mundo o estan enfocados a cierto grupo de los cuales saben que caracteristicas tiene en sus equipos.
  13. La primera pagina del sitio (index) siempre debera ser la mas ligera ya que es de la cual dependera que el usuario se interese por el contenido de su sitio y decida que vale la pena esperar a que se carguen otras paginas del mismo o simplemente se aburra de esperar y se pase su website por alto.
  14. Si nuestro sitio esta dirigido a toda la comunidad web y no se desean usar porcentajes como medida (ya que estos aveces nos dan un diseño un tanto inestable), lo mejor sera usar resoluciones de 770px o 760px de ancho y bueno lo alto no creo que sea un problema pero de establecer uno de tal forma que no aparescan las barras de desplazamiento diria que seria bueno usar 560px de alto.
  15. Si nuestro sitio por x causa o motivo necesita ser de mayores dimenciones es muy recomendable que el bloque o columna principal no exeda las recomendaciones anteriormente mencionadas ya que seria demasiado fastidioso para alguien con una resolucion de 800x600 leer lo que usted esta escribiendo ya que tendria que desplazarce con las barras continuamente.
Bueno por el momento creo que es todo, si tienen un truco o algun habito que sea de utilidad y pueda encajar aqui ya saben que siempre se agradece.