martes, 20 de enero de 2009

Guia de XHTML

Tips generales de xhtml:
Utilizar tags de html de forma semantica
Siempre se debe utilizar el tag correspondiente a la semantica del contenido, por ejemplo para datos tabulados o

para los parrafos de texto, es comun que si se quiere dar un cambio de linea se utilize el
para realizarlo, pero esto no es correcto si se utiliza para hacer cambios de lineas en parrafos.
El uso de "DIVS"
El uso excesivo del tag

puede ocasionar un tiempo de respuesta lenta y un tiempo de carga mas lento al momento de solicitar y renderizar la pagina. El uso de los divs se debe limitar a ser contenedor de otros elementos y se puede utilizar en conjunto con clases o identificadores para darle ubicacion y a el mismo y a los elementos que contiene.
Estilos en el tag
La codificacion html soporta que se ingresen estilos en el tag de manera "hardcoded", por ejemplo:

Google

Lo correcto es siempre utilizar clases o identificadores para dar estilo a los elementos desde una hoja de estilos (CSS) externa al html, una posible solucion seria:
/*Estilo.css*/
.redAnchor {
color: red;
}
/*HTML*/

Google

Encabezados
De la misma manera que un documento tecnico, solo debe existir un titulo principal, lo que limita el uso del tag a una vez dentro del documento, sin embargo el h2, h3, etc pueden utilizarse la cantidad de veces que sea necesaria, siempre y cuando esten dentro del contexto apropiado, por ejemplo no utilizar un h2 bajo un topico clasificado con un h3. El uso del sentido comun es muy importante aqui.
Uso de listas
Siempre que vayamos a listar algo, ya sea linealmente:
"Los colores primarios son: rojo, azul, amarillo"
O verticalmente:
Asistieron a la reunion:
* Juan
* Carlos
* Esteban
Debemos utilizar el elemento de lista, ya sea ul en caso de que no tenga orden, o bien ol en caso de que si.
Fondos y estructura de documentos
La mayor parte del tiempo por facilidad se generan paginas con tablas y con imagenes que suelen durar mucho tiempo en ser cargadas por su peso. Lo ideal es tratar de no utilizar tablas para la creacion de paginas web sino estilos y acomodar los elementos dentro del area visible por medio de css, el uso de imagenes de fondo se comporta muy bien desde css y se puede mejorar aun mas utilizando tecnicas como sliding doors para los rollovers de botones o links.
Utilize los caracteres de escape correctos para caracteres no convencionales
© Copyright & copy ;
& Copyright & amp ;
< Copyright & lt ;
> Copyright & gt ;
Estos son solo unos ejemplos, pero para mayor informacion pueden referirse a este sitio:
http://www.webtutoriales.com/tutoriales/html-css/mapa-caracteres-ascii.1.html
Espero que esto les sea de utilidad.

No hay comentarios:

Publicar un comentario