Dynamic HTML é um termo coletivo para uma combinação de tags e opções da Hypertext Markup Language (HTML) que pode tornar as páginas Web mais animadas e interativas do que as versões anteriores do HTML. Grande parte do HTML dinâmico é especificado no HTML 4.0. Exemplos simples de capacidades HTML dinâmicas incluem ter a cor do cabeçalho de um texto alterada quando um usuário passa o mouse sobre ele e permitir que um usuário "arraste e solte" uma imagem para outro lugar em uma página da Web. O HTML dinâmico pode permitir que documentos Web pareçam e ajam como aplicações desktop ou produções multimídia.
Os Conceitos e Características em HTML Dinâmico
- >
- Uma visão orientada a objetos de uma página Web e seus elementos
- Folhas de estilo em cascata e a camada de conteúdo
- Programação que pode abordar todos ou a maioria dos elementos da página
- Fontes dinâmicas
Uma Vista Orientada a Objectos dos Elementos da Página
Cada elemento da página (divisão ou secção, título, parágrafo, imagem, lista, etc.) é visto como um "objeto"." (A Microsoft chama a isto o "Dynamic HTML Object Model." A Netscape chama-lhe o "Modelo de Objectos HTML". W3C chama-lhe o "Document Object Model.") Por exemplo, cada cabeçalho de uma página pode ser nomeado, dados atributos de estilo e cor do texto, e endereçado pelo nome em um pequeno programa ou "script" incluído na página. Este cabeçalho ou qualquer outro elemento na página pode ser alterado como resultado de um evento especificado, como passar por cima ou ser clicado ou um tempo decorrido. Ou uma imagem pode ser movida de um lugar para outro "arrastando e soltando" o objeto da imagem com o mouse (estas possibilidades de eventos podem ser vistas como as capacidades de reação do elemento ou objeto). Qualquer mudança ocorre imediatamente (já que todas as variações de todos os elementos ou objetos foram enviadas como parte da mesma página a partir do servidor Web que enviou a página). Assim, variações podem ser pensadas como propriedades diferentes do objeto.
Não somente variações de elementos podem alterar o texto ou a cor, mas tudo contido dentro de um objeto de cabeçalho pode ser substituído por um novo conteúdo que inclui HTML diferente ou adicional, assim como texto diferente. A Microsoft chama isso de "tecnologia Text Range"
Embora JavaScript, Java applet e controles ActiveX estivessem presentes em níveis anteriores de páginas Web, o HTML dinâmico implica um aumento da programação em páginas Web, uma vez que mais elementos de uma página podem ser abordados por um programa.
Uma funcionalidade chamada fontes dinâmicas permite que os designers de páginas Web incluam arquivos de fontes contendo estilos, tamanhos e cores específicos como parte de uma página Web e que as fontes sejam baixadas com a página. Ou seja, a escolha da fonte não depende mais do que o navegador do usuário fornece.
Folhas de estilo e Layering
A descreve as características de estilo padrão (incluindo o layout da página e o estilo e tamanho do tipo de fonte para elementos de texto como cabeçalhos e corpo de texto) de um documento ou de uma parte de um documento. Para páginas da Web, uma folha de estilo também descreve a cor ou imagem de fundo padrão, cores de link de hipertexto e possivelmente o conteúdo da página. As folhas de estilo ajudam a garantir a consistência entre todas ou um grupo de páginas de um documento ou site da Web.
Dynamic HTML inclui a capacidade de especificar folhas de estilo de uma forma "em cascata" (ou seja, ligando ou especificando diferentes folhas de estilo ou declarações de estilo com níveis predefinidos de precedência dentro do mesmo ou de um conjunto de páginas relacionadas). Como resultado da interação do usuário, uma nova folha de estilo pode ser aplicada e resultar em uma mudança de aparência da página da Web. É possível ter várias camadas de folha de estilos dentro de uma página, uma folha de estilos dentro de uma folha de estilos dentro de uma folha de estilos. Uma nova folha de estilos só pode variar um elemento da folha de estilos acima dela.
Layering é o uso de folhas de estilos alternativas ou outras abordagens para variar o conteúdo de uma página, fornecendo camadas de conteúdo que podem sobrepor (e substituir ou sobrepor) as seções de conteúdo existentes. As camadas podem ser programadas para aparecer como parte de uma apresentação cronometrada ou como o resultado da interação do usuário.