Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

Aprenda cómo se utiliza el HTML dinámico (DHTML) para crear páginas interactivas

VALORACIÓN DEL ARTÍCULO:
5/5


El HTML dinámico no es realmente una nueva especificación de HTML, sino más bien una nueva forma de ver y controlar los códigos y comandos HTML estándar.

Al pensar en HTML dinámico, es necesario recordar las cualidades del HTML estándar, especialmente que una vez que una página es cargada desde el servidor, no cambiará hasta que llegue otra petición al servidor. El HTML dinámico le da más control sobre los elementos HTML y le permite cambiarlos en cualquier momento, sin tener que volver al servidor Web.

Hay cuatro partes en el DHTML:

  • Modelo de objeto de documento (DOM) (definición)
  • Secuencias de comandos
  • Hojas de estilo en cascada (CSS)
  • XHTML

Índice de contenidos

DOM

El DOM es lo que le permite acceder a cualquier parte de su página Web para cambiarla con DHTML. Cada parte de una página Web es especificada por el DOM y usando sus convenciones de nombres consistentes usted puede acceder a ellas y cambiar sus propiedades.

Secuencias de comandos

Los scripts escritos en JavaScript o ActiveX son los dos lenguajes de scripting más comunes utilizados para activar DHTML. Se utiliza un lenguaje de programación para controlar los objetos especificados en el DOM.

Hojas de estilo en cascada

CSS se utiliza en DHTML para controlar el aspecto de la página Web. Las hojas de estilo definen los colores y las fuentes del texto, los colores de fondo y las imágenes, y la ubicación de los objetos en la página. Usando scripts y el DOM, puede cambiar el estilo de varios elementos.

XHTML

XHTML o HTML 4.x se utiliza para crear la página misma y construir los elementos para que el CSS y el DOM funcionen. No hay nada especial en XHTML para DHTML – pero tener XHTML válido es aún más importante, ya que hay más cosas trabajando desde él que sólo el navegador.

Características de DHTML

Hay cuatro características principales de DHTML:

  1. Cambiar las etiquetas y propiedades
  2. Posicionamiento en tiempo real
  3. Fuentes dinámicas (Netscape Communicator)
  4. Encuadernación de datos (Internet Explorer)

Cambio de las etiquetas y propiedades

Este es uno de los usos más comunes del DHTML. Le permite cambiar las cualidades de una etiqueta HTML dependiendo de un evento fuera del navegador (como un clic del ratón, hora o fecha, etc.). Puede usar esto para precargar información en una página y no mostrarla a menos que el lector haga clic en un enlace específico.

Posicionamiento en tiempo real

Cuando la mayoría de la gente piensa en DHTML esto es lo que esperan. Objetos, imágenes y texto que se mueven por la página web. Esto puede permitirle jugar juegos interactivos con sus lectores o animar partes de su pantalla.

Fuentes dinámicas

Esta es una función exclusiva de Netscape. Netscape desarrolló esto para sortear el problema que los diseñadores tenían con no saber qué fuentes serían en el sistema de un lector. Con las fuentes dinámicas, las fuentes se codifican y se descargan con la página, de modo que la página siempre se ve como el diseñador quería que se viera.

Encuadernación de datos

Esta es una característica de IE solamente. Microsoft desarrolló esto para permitir un acceso más fácil a las bases de datos de los sitios web. Es muy similar al uso de un CGI para acceder a una base de datos, pero utiliza un control ActiveX para funcionar. Esta característica es muy avanzada y difícil de usar para el principiante escritor de DHTML.

TAMBIÉN TE INTERESA

seguridad de los datos personales

Descuidos en tu día a día que comprometen la seguridad de los datos personales

Hoy es el Día de Internet Segura, una jornada para concienciar a los usuarios sobre la importancia de cuidar la seguridad de los datos personales. La seguridad en Internet se ha convertido en una prioridad global para todos, amén del creciente número de robos virtuales e intrusiones de los delincuentes a la información sensible de

planes de entrenamiento con IA

La era de los gimnasios smart y los planes de entrenamiento con IA

El sector de los gimnasios está empezando a introducir la tecnología para sus usuarios. Los planes de entrenamiento con IA ya son una realidad en espacios como los de Metropolitan. Es cuestión de tiempo que toda la innovación que viene de la tecnología comience a aterrizar en nuestras vidas para cuidar nuestro cuerpo. De hecho,

apps de citas

Apps de citas y el fraude romántico: ligoteo y estafas

Hay a quien las apps de citas le funcionan muy bien en todos los sentidos. Además de lograr el match deseado, su seguridad no se ve comprometida en ningún momento. Así da gusto, encontrar pareja nunca fue tan sencillo. Otra cosa es que la otra persona con la que se hace match no sea la

riesgos DeepSeek

Reportan los primeros riesgos de seguridad en DeepSeek

Pocos días después de la irrupción de DeepSeek en el mundo, ya empiezan a aflorar algunos problemas relacionados con la seguridad en DeepSeek y la privacidad de los datos que emplean los usuarios. Son millones y millones personas las que ya están probando las mieles de la IA china. El modelo R1 de DeepSeek ha

dispositivos Alexa

Cómo controlar la privacidad de tus conversaciones con los dispositivos Alexa

Los dispositivos Alexa se han convertido en un miembro más de muchas familias. Ciertamente útiles para recordatorios de la lista de la compra, alarmas, recetas o para disfrutar de un rato de música, estos famosos asistentes virtuales en forma de altavoces son indispensables para muchos y han dado un plus de inteligencia para los hogares.