HTML los fundamentos de la web

HTML, los fundamentos de la de la Web

por Matthijs Niels - 3 de marzo 2008

HTML está caliente de nuevo. Hace algún tiempo la máquina promocional HTML5 se levantó a la velocidad, causando un pequeño mini-escándalo. En un universo paralelo, otros todavía están poniendo mucho tiempo y esfuerzo en el desarrollo de xHTML2. Este (público), la renovación del interés en HTML causado mucha discusión, revelando varios puntos en blanco en los conocimientos generales de HTML. En este artículo se espera que conecte uno de los agujeros más notorio cerrada.

Por delante de muchos desarrolladores de final, HTML sigue siendo principalmente una excusa. Es visto como un lenguaje de anzuelos, construido para añadir JavaScript, CSS y otras mejoras a los documentos web. En los recientes acontecimientos, este pistoletazo de salida un pequeño debate de nuevo la semántica, donde la gente recuerda sobre el valor semántico de HTML. Un recordatorio de la voz de la furia de standardista, siendo despedido por encima de los debates antes peleaban y batallas de sensibilización.
HTML! Semántica =

Ya tienes pagina web? Diseña tu sitio web facil y rapido con el programa mas novedoso y facil de usar, visita okhosting.com web hosts en mexico, dominios y paginas web, los planes completos con hospedaje web o host de 50 megas, pagina web y registro de tu nombre en internet, ejem: www.tu-dominio.com y MX, ademas te incluimos cuentas de correo electronico ilimitadas y ayuda para cualquier duda que tengas en la creacion de tu sitio web, visita ahora www.okhosting.com y sal a la luz de la internet.

Todo el mundo con una pasión por el desarrollo de front-final será reconocer la importancia de la standardista cuando se trata de HTML de sensibilización. Sin embargo, esto no significa que sus métodos deben ir totalmente acrítica. Con toda la atención que planteó para la función semántica de HTML, algunas personas han empezado a ver HTML como un lenguaje puramente semántica. Que no lo es.

Prueba de ello puede verse en divitis la "cuestión que siguieron a la subida inicial de los estándares web. Cuando frente a los desarrolladores final se instó a cambiar de mesa basados en diseños a div diseños basados en algunos tomó el consejo un poco demasiado literalmente. Se convertía todo en divs, ignorando el efecto semántico de los elementos en la mano. Esto provocó una reacción cada vez más grandes de la standardistas y llevó a la demonización del elemento div. Divitis fue considerado como el SIDA, de desarrollo de front-final y el uso de divs se convirtió casi en un tabú. Sólo cuando sea absolutamente necesario se les permitió.
Introduzca mínima HTML

El temor de elementos puramente estructurales (divs y luces) se separaron de un nuevo movimiento. Un grupo de personas que no creen en la absoluta necesidad de que los elementos estructurales y trató de construir páginas con elementos puramente semántica tanto como sea posible. Se desterrado divs adicional cuando se usa para el estilo, pero se olvidó de la función original de la DIV y SPAN en el camino. Al final, hicieron un peor lenguaje HTML de lo que se suponía que debía ser.
dos diseños, diferentes por su estructura

Considere las siguientes dos diseños de página de base. Un diseño simple que consiste en cuatro áreas principales. El área de contexto da información contextual sobre el área de contenido principal. Una disposición como esta no (teniendo en cuenta las mejoras de diseño gráfico) se podría hacer con cuatro divs. Esta es la configuración A, preferido por los minimalistas. El programa de instalación B muestra una situación donde el diseño es construir con cinco divs. Tome un momento para pensar que el programa de instalación que prefiera, sobre una base puramente estructural.
HTML = Semántica + Estructura

HTML es más que la semántica, se trata también de la estructuración de su documento. La principal diferencia entre ambos tipos de elementos es que los elementos semánticos explicar el propósito de un elemento, mientras que los elementos estructurales de explicar la relación de su contenido al contenido de otros elementos en un documento.

En una configuración tenemos cuatro divs separada, estructuralmente todos en el mismo nivel. Esto nos dice que todos los divs se relacionan de la misma manera, sólo el orden de aparición se indican algún tipo de relación. En la configuración de B el contenido principal y el área de contexto se agrupan en un div contenido. Esta es una indicación de que la relación entre el contexto y el contenido principal es mucho más fuerte, o al menos diferente de la relación con el otro elemento. Y por otro lado, el área comparte el contenido de una relación similar con el encabezado y pie de página.

Estructuralmente, B, programa de instalación no sólo tiene más información acerca de la relación entre las distintas áreas, también es más correcto. Esto hace que sea la mejor aplicación de los dos. El div extra utiliza para agrupar los contenidos principales y el contexto no es inútil, pero añade significado útil para el documento.
Introduzca Minimalitis

Minimalitis es la enfermedad formado por la aversión de divitis, y es igualmente peligroso como divitis. Las personas que sufren de minimalitis a escribir documentos mal estructurado ya menudo mal uso (o simplemente el abuso) los elementos para evitar el uso de divs (a menudo usan AP etiqueta) y se extiende (EM, fuerte e incluso la etiqueta son populares b). Otra señal es la combinación de bloques y elementos en línea en el mismo nivel. Si bien esto no es exactamente ilegal, es una seria advertencia de minimalitis posible y estructuración de malo.

Y, sin embargo, la cura para esta enfermedad es simple. Restablecer el poder del DIV y SPAN, sino que lo utiliza para los fines previstos. Divs uso y se extiende para que la estructura de su documento. Contienen elementos que comparten una relación similar en el mismo nivel. Utilízalo para elementos separados de otros que comparten una relación diferente. Y el uso en conjunto con un sentido de clase o id siempre que usted no tiene un elemento semántico válido para describir su contenido.
El futuro de la Estructuración de

Afortunadamente, la gente que trabaja en HTML5 han entendido, y añadió un par adicional de elementos estructurales de la lengua. En vez de dejarnos con un simple div y la duración, dos elementos con un significado estructural simple, añadieron elementos como el pie de página, encabezado, artículo, sección y de un lado para ayudarnos a definir mejor las estructuras en los documentos HTML.

Lo divertido de estos elementos es que no sólo tienen un significado estructural, sino también el sentido semántico. En lugar de simplemente la estructuración de un documento que apuntan a la relación de elementos llevan a otros elementos o la página en general. Etiquetas como el encabezado y pie de página no sólo contienen una sección de un documento, que también apuntan a la función de los elementos contenidos y la relación con los demás elementos de la página.

Esperemos que esto le dará la oportunidad a aquellos que sufren de divitis o minimalitis a escribir mejor código estructurado, manteniendo el documento en semántica como sea posible. Hasta entonces, sólo sabemos que un div tiene más poder que la simple adición de una esquina redondeada o frontera para el diseño gráfico. Los elementos estructurales están ahí para revelar las relaciones entre los elementos, un poder a veces se olvida de HTML.
Personal Promo

Niels Matthijs pasa su tiempo libre que combina la vida de lujo de no tener hijos y una novia maravillosa con la presión angustiosa de los blogs en su monicker Onderhond. Como un desarrollador de front-final que es criado y alimentado a arquitectos de Internet, una empresa belga de invertir mucho tiempo en hacer la Web más accesible y más agradable lugar.