Em XML, o autor do documento tem liberdade para utilizar as suas próprias etiquetas. Por exemplo:
<?xml version="1.0" standalone="yes"?>
<et>
testing, testing...
</et>
Neste exemplo #01 de XML, utilizou-se a etiqueta, ou marca, ou elemento et.
Uma boa escrita em XML, não deve fundir estrutura ou conteúdo, com a respectiva apresentação. Neste caso, o documento não tem qualquer informação sobre como apresentar a informação estruturada pela etiqueta et, pelo que a maior parte dos interpretadores da linguagem, optarão por lê-lo mostrando o seu código fonte.
Experimente como fica o documento XML no interpretador por defeito do seu sistema, seguindo esta ligação.
Também em HTML é interessante não fundir apresentação e estrutura, no mesmo ficheiro. Por exemplo, o código fonte (html) desta página só tem um elemento que condiciona a sua apresentação: o elemento b (de bold).
Todavia, esta página HTML está (provavelmente) a ser apresentada com um tipo de letra (verdana) que não é o que a maior parte dos interpretadores de HTML utilizam por defeito... ou seja, há qualquer outra coisa no código fonte desta página que está a decidir a sua apresentação.
Esta página recorre à linguagem CSS (cascading style sheets) para decidir que os parágrafos são como são. O suporte à linguagem CSS é um esforço do HTML, desde a revisão 4, para também conseguir a separação entre aspecto e conteúdo.
Há muitas formas de utilizar CSS em HTML; esta página recorreu à forma mais recomendável, que concentra o CSS num ficheiro externo ao do documento HTML, depois referido na zona de head.
<head>...<link rel="stylesheet" type="text/css" href="exemplo_de_css.css">... </head>
O ficheiro CSS tem este aspecto:
P {display:block; font-size: 10; font-family:Verdana, Arial, Helvetica, sans-serif;}
A estrutura geral de um documento CSS (aqui apresentada num BNF muito incompleto) é:
<comando css>::=<elemento>{<atributos e seus valores>}
<atributos e seus valores>::=<atributo>:<valor>;|<atributo>:<valor>;<atributos e seus valores>
Veja como ficaria esta página, sem CSS.
Avançar: Como usar CSS em XML? (documento #02)
(c) arturmarques.com, 2001