HTML dinámico

HTML dinámico es un término colectivo para una combinación de etiquetas y opciones de lenguaje de marcado de hipertexto (HTML) que pueden hacer que las páginas web sean más animadas e interactivas que las versiones anteriores de HTML. Gran parte del HTML dinámico se especifica en HTML 4.0. Ejemplos simples de capacidades HTML dinámicas incluyen cambiar el color de un encabezado de texto cuando un usuario pasa el mouse sobre él y permitir que un usuario "arrastre y suelte" una imagen en otro lugar de una página web. El HTML dinámico puede permitir que los documentos web se vean y actúen como aplicaciones de escritorio o producciones multimedia.

Los conceptos y características en HTML dinámico

  • Una vista orientada a objetos de una página web y sus elementos.
  • Hojas de estilo en cascada y capas de contenido
  • Programación que puede abordar todos o la mayoría de los elementos de la página.
  • Fuentes dinámicas

Una vista de elementos de página orientada a objetos

Cada elemento de la página (división o sección, encabezado, párrafo, imagen, lista, etc.) se ve como un "objeto". (Microsoft llama a esto el "Modelo de objetos HTML dinámico". Netscape lo llama el "Modelo de objetos HTML". El W3C lo llama el "Modelo de objetos de documento"). Por ejemplo, cada encabezado de una página puede tener un nombre, dados los atributos del estilo del texto. y color, y se abordan por su nombre en un pequeño programa o "guión" incluido en la página. Este encabezado o cualquier otro elemento de la página se puede cambiar como resultado de un evento específico, como pasar el mouse, hacer clic en él o pasar un tiempo. O una imagen se puede mover de un lugar a otro "arrastrando y soltando" el objeto de imagen con el mouse. (Estas posibilidades de eventos pueden verse como las capacidades de reacción del elemento u objeto). Cualquier cambio se realiza de inmediato (ya que todas las variaciones de todos los elementos u objetos se han enviado como parte de la misma página desde el servidor web que envió la página) . Por tanto, las variaciones se pueden considerar como diferentes propiedades del objeto.

Las variaciones de los elementos no solo pueden cambiar la redacción o el color del texto, sino que todo lo que contiene un objeto de encabezado se puede reemplazar con contenido nuevo que incluya HTML diferente o adicional, así como texto diferente. Microsoft llama a esto la "tecnología de rango de texto".

Aunque JavaScript, el subprograma Java y los controles ActiveX estaban presentes en los niveles anteriores de las páginas web, el HTML dinámico implica una mayor cantidad de programación en las páginas web, ya que un programa puede abordar más elementos de una página.

Una función llamada fuentes dinámicas permite a los diseñadores de páginas web incluir archivos de fuentes que contienen estilos, tamaños y colores de fuentes específicos como parte de una página web y descargar las fuentes con la página. Es decir, la elección de la fuente ya no depende de lo que proporcione el navegador del usuario.

Hojas de estilo y capas

A describe las características de estilo predeterminadas (incluido el diseño de página y el estilo y tamaño del tipo de fuente para elementos de texto como encabezados y texto del cuerpo) de un documento o una parte de un documento. Para las páginas web, una hoja de estilo también describe el color de fondo o la imagen predeterminados, los colores de los enlaces de hipertexto y posiblemente el contenido de la página. Las hojas de estilo ayudan a garantizar la coherencia en todas o en un grupo de páginas de un documento o sitio web.

HTML dinámico incluye la capacidad de especificar hojas de estilo en una forma de "hoja de estilo en cascada" (es decir, enlazar o especificar diferentes hojas de estilo o declaraciones de estilo con niveles predefinidos de precedencia dentro de la misma página o de un conjunto de páginas relacionadas). Como resultado de la interacción del usuario, se puede aplicar una nueva hoja de estilo y dar como resultado un cambio de apariencia de la página web. Puede tener varias capas de hoja de estilo dentro de una página, una hoja de estilo dentro de una hoja de estilo dentro de una hoja de estilo. Una nueva hoja de estilo solo puede variar un elemento de la hoja de estilo que se encuentra arriba.

La creación de capas es el uso de hojas de estilo alternativas u otros enfoques para variar el contenido de una página al proporcionar capas de contenido que pueden superponerse (y reemplazar o superponer) secciones de contenido existentes. Las capas se pueden programar para que aparezcan como parte de una presentación cronometrada o como resultado de la interacción del usuario.