HTML dinâmico não é realmente uma nova especificação de HTML, mas sim uma maneira diferente de olhar e controlar os códigos e comandos HTML padrão.
Ao pensar em dinâmica HTML, você precisa se lembrar das qualidades do HTML padrão, especialmente que uma vez que uma página é carregada do servidor, ela não mudará até que outra solicitação chegue ao servidor. O HTML dinâmico oferece mais controle sobre os elementos HTML e permite que eles sejam alterados a qualquer momento, sem retornar ao servidor web.
Existem quatro partes no DHTML:
- Document Object Model (DOM) (definição)
- Scripts
- Cascading Style Sheets (CSS)
- XHTML
DOM
O DOM é o que permite que você acesse qualquer parte de sua página da Web para alterá-la com DHTML. Cada parte de uma página da Web é especificada pelo DOM e, usando suas convenções de nomenclatura consistentes, você pode acessá-las e alterar suas propriedades.
Scripts
Scripts escritos em JavaScript ou ActiveX são as duas linguagens de script mais comuns usadas para ativar DHTML. Você usa uma linguagem de script para controlar os objetos especificados no DOM.
Cascading Style Sheets
CSS é usado em DHTML para controlar a aparência da página da web. As folhas de estilo definem as cores e fontes do texto, as cores e imagens do plano de fundo e o posicionamento dos objetos na página. Usando scripts e o DOM, você pode alterar o estilo de vários elementos.
XHTML
XHTML ou HTML 4.x é usado para criar a própria página e construir os elementos para o CSS e o DOM trabalhar em. Não há nada de especial em XHTML para DHTML - mas ter um XHTML válido é ainda mais importante, pois há mais coisas funcionando a partir dele do que apenas o navegador.
Recursos de DHTML
Existem quatro recursos principais de DHTML:
- Alterar as tags e propriedades
- Posicionamento em tempo real
- Fontes dinâmicas (Netscape Communicator)
- Vinculação de dados (Internet Explorer)
Alterando as Marcas e Propriedades
Este é um dos usos mais comuns de DHTML. Permite que você mude as qualidades de um Tag HTML dependendo de um evento fora do navegador (como um clique do mouse, hora ou data e assim por diante). Você pode usar isso para pré-carregar informações em uma página e não exibi-las a menos que o leitor clique em um link específico.
Posicionamento em tempo real
Quando a maioria das pessoas pensa em DHTML, é isso que elas esperam. Objetos, imagens e texto movendo-se pela página da web. Isso pode permitir que você jogue jogos interativos com seus leitores ou anime partes da tela.
Fontes dinâmicas
Este é um recurso exclusivo do Netscape. A Netscape desenvolveu isso para contornar o problema que os designers tinham de não saber quais fontes estariam no sistema de um leitor. Com fontes dinâmicas, as fontes são codificadas e baixadas com a página, para que a página sempre tenha a aparência desejada pelo designer. Você também pode usar fontes seguras para a web.
Ligação de dados
Este é um recurso exclusivo do IE. A Microsoft desenvolveu isso para permitir um acesso mais fácil a bancos de dados de sites. É muito semelhante a usar CGI para acessar um banco de dados, mas usa um controle ActiveX para funcionar. Este recurso é muito avançado e difícil de usar para o escritor DHTML iniciante.