DHTML | Introducción

DHTML significa HTML dinámico, es totalmente diferente de HTML. Los navegadores que soportan el HTML dinámico son algunas de las versiones de Netscape Navigator e Internet Explorer de versión superior a la 4.0. El DHTML se basa en las propiedades de HTML, JavaScript, CSS y DOM (Document Object Model, que se utiliza para acceder a elementos individuales de un documento), lo que ayuda a crear contenido dinámico. Es la combinación de HTML, CSS, JS y DOM. El DHTML hace uso del modelo de objeto dinámico para realizar cambios en la configuración y también en las propiedades y métodos. También hace uso de Scripting y también es parte de tendencias informáticas anteriores. 

DHTML permite que diferentes lenguajes de secuencias de comandos en una página web cambien sus variables, lo que mejora los efectos, la apariencia y muchas otras funciones después de que toda la página se haya cargado por completo o bajo un proceso de visualización, o páginas HTML estáticas en la misma. Pero en realidad, se observa que, como dinámico en DHTML, solo se incluyen diferentes tecnologías como CSS, HTML, JS, DOM y diferentes conjuntos de lenguajes estáticos que lo hacen dinámico. 

DHTML se usa para crear páginas web interactivas y animadas que se generan en tiempo real, también conocidas como páginas web dinámicas, de modo que cuando se accede a dicha página, el código dentro de la página se analiza en el servidor web y se envía el HTML resultante. al navegador web del cliente. 

HTML: HTML significa lenguaje de marcado de hipertexto y es un lenguaje de marcado del lado del cliente. Se utiliza para construir el bloque de páginas web. 
Javascript: es un lenguaje de scripting del lado del cliente. Javascript es compatible con la mayoría de los navegadores, también tiene una colección de cookies para determinar las necesidades del usuario. 
CSS: la abreviatura de CSS es hoja de estilo en cascada. Ayuda en el estilo de las páginas web y ayuda en el diseño de las páginas. Las reglas CSS para DHTML se modificarán en diferentes niveles utilizando JS con controladores de eventos, lo que agrega una gran cantidad de dinamismo con muy poco código. 
DOM:Se le conoce como modelo de objeto de documento, que actúa como el eslabón más débil del mismo. El único defecto que tiene es que la mayoría de los navegadores no son compatibles con DOM. Es una forma de manipular los contenidos estáticos. 

Nota: Muchas veces DHTML se confunde con ser un lenguaje como HTML pero no lo es. Hay que tener en cuenta que es una característica de mejora de la interfaz o de los navegadores que permite acceder al modelo de objetos a través del lenguaje Javascript y, por lo tanto, hacer que la página web sea más interactiva. 

Características clave: Las siguientes son algunas de las principales características clave de DHTML: 
 

• Las etiquetas y sus propiedades se pueden cambiar usando DHTML.
• Se utiliza para el posicionamiento en tiempo real.
• Las fuentes dinámicas se pueden generar usando DHTML.
• También se utiliza para el enlace de datos.
• Hace que una página web sea dinámica y se utiliza para crear animaciones, juegos, aplicaciones y proporciona nuevas formas de navegar por los sitios web.
• La funcionalidad de una página web se mejora debido al uso del efecto de bajo ancho de banda por DHTML.
• DHTML también facilita el uso de métodos, eventos, propiedades y códigos.

¿Por qué usar DHTML?  
DHTML hace que una página web sea dinámica, pero Javascript también lo hace, surge la pregunta de qué diferente hace DHTML. Entonces, la respuesta es que DHTML tiene la capacidad de cambiar el aspecto, el contenido y el estilo de una página web una vez que el documento se ha cargado a nuestra demanda sin cambiar o eliminar todo lo que ya existe en la página web del navegador. DHTML puede cambiar el contenido de una página web a pedido sin que el navegador tenga que borrar todo lo demás, es decir, puede modificar los cambios en una página web incluso después de que el documento se haya cargado por completo. 

ventajas: 
 

• El tamaño de los archivos es compacto en comparación con otros medios interactivos como Flash o Shockwave, y se descarga más rápido.
• Es compatible con grandes fabricantes de navegadores como Microsoft y Netscape.
• Altamente flexible y fácil de hacer cambios.
• Viewer no requiere complementos adicionales para navegar por la página web que usa DHTML, no necesita ningún requisito adicional ni software especial para verlo.
• El tiempo del usuario se ahorra al enviar menos requests al servidor. Como es posible modificar y reemplazar elementos incluso después de cargar una página, no es necesario crear páginas separadas para cambiar estilos, lo que a su vez ahorra tiempo en la creación de páginas y también reduce la cantidad de requests que se envían al servidor.
• Tiene una funcionalidad más avanzada que un HTML estático. es capaz de contener más contenido en la página web al mismo tiempo.

Desventajas: 
 

• No es compatible con todos los navegadores. Solo es compatible con navegadores recientes como Netscape 6, IE 5.5 y Opera 5.
• El aprendizaje de DHTML requiere una gran cantidad de requisitos previos, como HTML, CSS, JS, etc., que el diseñador debe conocer antes de comenzar con DHTML, que es un proceso largo y lento en sí mismo.
• La implementación de diferentes navegadores es diferente. Entonces, si funcionó en un navegador, es posible que no funcione necesariamente de la misma manera en otro navegador.
• Incluso después de ser excelente con la funcionalidad, DHTML requiere algunas herramientas y utilidades que son costosas. Por ejemplo, el editor de texto DHTML, Dreamweaver. Junto con ello, el costo de mejora de la transferencia de HTML a DHTML hace que el costo aumente mucho más. 
   

Diferencia entre HTML y DHTML: 
 

• HTML es un lenguaje de marcado, mientras que DHTML es una colección de tecnologías.
• HTML se usa para crear páginas web estáticas, mientras que DHTML es capaz de crear páginas web dinámicas.
• DHTML se usa para crear animaciones y menús dinámicos, pero HTML no se usa.
• Los sitios HTML son lentos con las tecnologías del lado del cliente, mientras que los sitios DHTML son comparativamente más rápidos.
• Las páginas web creadas con HTML son bastante simples y no tienen estilo, ya que usan solo un idioma, mientras que DHTML usa HTML, CSS y Javascript, lo que da como resultado una página web mucho mejor y mucho más presentable.
• HTML no se puede usar como código del lado del servidor, pero DHTML se usa como código del lado del servidor.
• DHTML necesita conectividad con la base de datos, pero no en el caso de HTML.
• Los archivos en HTML se almacenan con la extensión .htm o .html, mientras que DHTML usa la extensión .dhtm.
• HTML no requiere procesamiento del navegador, pero DHTML sí.