Uma das coisas que todo web designer deveria não apenas usar como explicar e saber, é a diferença entre HTML, XHTML e DHTML.
Chega de falar que são "derivações com apenas uma letra à mais" ou "o HTML com D", "HTML com X", pois afinal, são sim diferentes e possuem suas funções, mesmo que a linguagem continue sendo a mesma dentro do web design.
Primeiro, um conceito básico do web design: entender (pelo menos o significado dos acrônimos).
HTML: HyperText Markup Language (Linguagem de Marcação de Hipertexto)
XHTML: eXtensible HyperText Markup Language (Linguagem de Marcação de Hipertexto Extensível)
DHTML: Dynamic HyperText Markup Language (Linguagem de Marcação de Hipertexto Dinâmica)

No algoritmo abaixo, criado por mim, ficam claras as diferenças entre os três.

(A flecha que vem do HTML ficou meio pequena, eu sei)
E claro, como eu não poderia simplesmente finalizar o post sem mais nenhuma observação, coloquei um * no "OTIMIZADO?", o qual vou explicar agora.
Considero a "otimização" uma melhoria do que já foi feito, adicionando e/ou subtraindo funções e objetos, dentro do web design. No XHTML, não funciona diferente: O HTML otimizado é o XHTML.

Como seria essa otimização?
Não sei se estou tecnicamente-totalmente-correta, mas o XHTML originou-se do XML, e isso o tornou sensível aos mínimos detalhes: em um documento deve-se fechar todos os elementos e usar letras mínusculas ao escrever suas sintaxes.
Com essa otimização no código, você manterá um padrão em diversos dispositivos e aplicativos que utilizam a web (tudo).

Por que?
Por acessibilidade, já que XHTML seria uma "expansão" do HTML. A qual podemos chamar de otimização, já que é um conjunto de melhorias para a web, respeitando um padrão de acessibilidade.
"[...]você manterá um padrão em diversos dispositivos e aplicativos que utilizam a web (tudo)."

E para finalizar: XHTML e DHTML trabalham para o HTML. Como por exemplo, o jQuery, trabalhando para o Javascript; assim como ele tem seu objetivo simplificar a navegação criando animações, aplicações, transições e eventos, eles também possuem suas funções. Sendo:
{HTML: linguagem; XHTML: expansão; DHTML: união de Javascript + folha de estilo (como o CSS);}