Directorio PtW » Escribir HTML válido Escribir HTML válido
RECURSOS

Escribir Html valido.



 A medida que pasa el tiempo nos concienciamos de que ya no nos es suficiente realizar una, dos, 100 páginas web … Somos conscientes de la necesidad de normalización en todos los niveles de nuestra vida, y uno de ellos es en Html ¿ Por que no?

Recuerdo cuando comencé a diseñar-programar webs, aunque ya existían dichas normas de regularización poco caso les hacía, dado que profesionalmente no me dedicaba a ello, y la satisfacción que experimentaba me llenaba lo suficiente como para no fijarme o echar de menos esto, pero date ahí que con el tiempo vas aprendiendo y cada día quieres más (perfección-profesionalidad) es decir, si tengo que darle 100 vueltas a una porción de código hasta conseguir el resultado deseado (y cumpliendo los estandares por supuesto) las doy.

XHTML
Para mi y creo que para la mayoría de los mortales son primordiales las del consorcio W3C (WWW Consortium), es decir el estandar XHTML 1.0 Transicional, que se declara con este código en la primera línea de programa :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Con ello declaramos el cumplimiento de dicha normativa en cuanto a sus reglas y se puede validar con un enlace desde nuestra página o desde la propia W3C, como bien dicen en su Sitio “W3C es un consorcio internacional que se dedican a desarrollar estandares web y pautas para asegurar el crecimiento futuro de la Web”. Puedes validar desde nuestra web W3C en la sección de herramientas.

Aunque hoy existen multitud de plantillas Web, CMS. Wordpress etc … para casi de todo, solamente nos aseguramos que dichas etiquetas existen en las primeras líneas de código, de lo contrario seria conveniente, de no existir, agregarlas y cumplirlas hasta que damos por finalizado nuestro trabajo.

Nos aseguramos igualmente que cuando descargamos algun javascript, alguna pequeña aplicación que usamos, bien sea php, CGI o cualquier otra, para darle a nuestro Sitio Web una funcionalidad mas completa, revisar completamente las líneas de programación pues seguro que hay mucho que depurar, mayúsculas, no se cierran correctamente los Meta Tags, en las imágenes no existe el "alt="  etc …

Hojas de estilo
Otra norma es la relativa a las Hojas de estilo, el CSS. Sigo observando muchas Webs, algunas de gran importancia que anotan los estilos de hoja entre los Tags <head> y </head> y además largas líneas de código, que se podrían ahorrar estandarizándose, y sobre todo en cuestiones como …, el tamaño si importa (peso), la velocidad también. Son los archivos “main.css”, “estilo.css” etc … donde damos por ejemplo los tamaños de letra, el tipo, si es negrita, cursiva, estilo a los <div> … y también en la Web del W3C tienes dichas normas y un validador. Por cierto, se declara con este código:

<link rel="stylesheet" type="text/css" href="/plantilla/azul/style/main.css" /> ó

<link rel="stylesheet" type="text/css" href="http://www.miweb.com/plantilla/azul/style/main.css" />

Bien y el porque de todo esto, a los navegadores no les afectara mucho, pues seguramente aunque hayas escrito incorrectamente alguna instrucción las interpretarán y ejecutarán casi siempre su cometido, no así por ejemplo para los BOT de los buscadores (spiders, arañas …) estos últimos por ejemplo si no escribes correctamente un <a href…> para realizar un enlace seguramente no lo siga y no indexará dicha página ya sea nuestra o procedente de un intercambio.

Accesibilidad
Igualmente, a las personas discapacitadas les cuesta enorme esfuerzo, a menudo navegar por la Red y encontrarse este tipo de programación en las páginas que visitan, no pueden por ejemplo un invidente, saber exactamente de que trata dicha web o leer un articulo en su totalidad, para ello existe lo que se llama la “ Accesibilidad” otro conjunto de normas para facilitar a dichas personas el integrarse como internautas y la Web para conocer las normas (y aprender) es  http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad

Mientras que para validar ésta otra http://www.tawdis.net/taw3/cms/es con los 3 niveles de Accesibilidad (AAA) que se otorgan.

Podéis leeros desde Wiki la especificación DOM (como no de la WWW Consortium) para que conozcáis el efecto que las normas que hemos enumerado aquí pueden afectar al usuario dependiendo del navegador que utilicemos http://es.wikipedia.org/wiki/DOM.

Normas hay muchas, validadores igual, pero algunos de los más importantes estan aquí.

mister-wong meneame barrapunto floreame enchilame blogmemes fresqui favoriting chido webeame
flenk delicious twitter google live myspace technorati facebook buzz autobombeame

Vea tambien: