XHTML - Guia rápido
XHTML significa EXtensível HyperText Markup Llinguagem. É o próximo passo na evolução da internet. O XHTML 1.0 é o primeiro tipo de documento da família XHTML.
O XHTML é quase idêntico ao HTML 4.01, com apenas algumas diferenças. Esta é uma versão mais limpa e restrita do HTML 4.01. Se você já conhece HTML, não precisa dar muita atenção para aprender esta versão mais recente de HTML.
O XHTML foi desenvolvido pelo World Wide Web Consortium (W3C) para ajudar os desenvolvedores da web a fazer a transição de HTML para XML. Ao migrar para o XHTML hoje, os desenvolvedores da web podem entrar no mundo XML com todos os seus benefícios, enquanto continuam confiantes na compatibilidade retroativa e futura do conteúdo.
Por que usar XHTML?
Os desenvolvedores que migram seu conteúdo para XHTML 1.0 obtêm os seguintes benefícios -
Os documentos XHTML estão em conformidade com o XML, visto que são prontamente visualizados, editados e validados com ferramentas XML padrão.
Os documentos XHTML podem ser escritos para operar melhor do que funcionavam antes em navegadores existentes, bem como em novos navegadores.
Os documentos XHTML podem utilizar aplicativos como scripts e miniaplicativos que dependem do Modelo de Objeto de Documento HTML ou do Modelo de Objeto de Documento XML.
XHTML oferece um formato mais consistente e bem estruturado para que suas páginas da web possam ser facilmente analisadas e processadas por navegadores da web atuais e futuros.
Você pode facilmente manter, editar, converter e formatar seu documento a longo prazo.
Como o XHTML é um padrão oficial do W3C, seu site se torna mais compatível com muitos navegadores e é renderizado com mais precisão.
XHTML combina a força de HTML e XML. Além disso, as páginas XHTML podem ser renderizadas por todos os navegadores habilitados para XML.
XHTML define o padrão de qualidade para suas páginas da web e se você seguir isso, então suas páginas da web são contadas como páginas da web de qualidade. O W3C certifica essas páginas com seu selo de qualidade.
Desenvolvedores da Web e designers de navegadores da Web estão constantemente descobrindo novas maneiras de expressar suas ideias por meio de novas linguagens de marcação. Em XML, é relativamente fácil introduzir novos elementos ou atributos de elementos adicionais. A família XHTML foi projetada para acomodar essas extensões por meio de módulos e técnicas XHTML para desenvolver novos módulos em conformidade com XHTML. Esses módulos permitem a combinação de recursos existentes e novos na hora de desenvolver conteúdo e projetar novos agentes de usuário.
Compreensão básica
Antes de prosseguirmos, vamos ter uma visão rápida do que são HTML, XML e SGML.
O que é SGML?
Isto é Standard Generalizado Markup Laplicação anguage (SGML) em conformidade com o padrão internacional ISO 8879. HTML é amplamente considerado como a linguagem de publicação padrão da World Wide Web.
Esta é uma linguagem para descrever linguagens de marcação, particularmente aquelas usadas na troca de documentos eletrônicos, gerenciamento de documentos e publicação de documentos. HTML é um exemplo de linguagem definida em SGML.
O que é XML?
XML significa EXtensível Markup Llinguagem. XML é uma linguagem de marcação muito parecida com HTML e foi projetada para descrever dados. As tags XML não são predefinidas. Você deve definir suas próprias tags de acordo com suas necessidades.
A sintaxe XHTML é muito semelhante à sintaxe HTML e quase todos os elementos HTML válidos também são válidos em XHTML. Mas quando você escreve um documento XHTML, você precisa prestar um pouco mais de atenção para tornar seu documento HTML compatível com XHTML.
Aqui estão os pontos importantes a serem lembrados ao escrever um novo documento XHTML ou converter um documento HTML existente em um documento XHTML -
Escreva uma declaração DOCTYPE no início do documento XHTML.
Escreva todas as tags e atributos XHTML apenas em letras minúsculas.
Feche todas as tags XHTML corretamente.
Aninhe todas as tags corretamente.
Cite todos os valores de atributos.
Proibir a minimização de atributos.
Substitua o name atributo com o id atributo.
Rejeitar o language atributo da tag de script.
Aqui está a explicação detalhada das regras XHTML acima -
Declaração DOCTYPE
Todos os documentos XHTML devem ter uma declaração DOCTYPE no início. Existem três tipos de declarações DOCTYPE, que são discutidas em detalhes no capítulo XHTML Doctypes. Aqui está um exemplo de uso de DOCTYPE -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Sensibilidade ao Caso
XHTML é uma linguagem de marcação que diferencia maiúsculas de minúsculas. Todas as tags e atributos XHTML precisam ser escritos apenas em letras minúsculas.
<!-- This is invalid in XHTML -->
<A Href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>
<!-- Correct XHTML way of writing this is as follows -->
<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>No exemplo, Href e marca âncora A não estão em minúsculas, por isso está incorreto.
Fechando as Tags
Cada tag XHTML deve ter uma tag de fechamento equivalente, mesmo os elementos vazios também devem ter tags de fechamento. Aqui está um exemplo que mostra maneiras válidas e inválidas de usar tags -
<!-- This is invalid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.
<!-- This is also invalid in XHTML -->
<img src="/images/xhtml.gif" >A sintaxe a seguir mostra a maneira correta de escrever as tags acima em XHTML. A diferença é que aqui fechamos ambas as tags corretamente.
<!-- This is valid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.</p>
<!-- This is also valid now -->
<img src="/images/xhtml.gif" />Cotações de atributos
Todos os valores dos atributos XHTML devem estar entre aspas. Caso contrário, seu documento XHTML será considerado inválido. Aqui está o exemplo que mostra a sintaxe -
<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" width=250 height=50 />
<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" width="250" height="50" />Minimização de Atributo
XHTML não permite a minimização de atributos. Isso significa que você precisa declarar explicitamente o atributo e seu valor. O exemplo a seguir mostra a diferença -
<!-- This is invalid in XHTML -->
<option selected>
<!-- Correct XHTML way of writing this is as follows -->
<option selected="selected">Aqui está uma lista dos atributos minimizados em HTML e a maneira como você precisa escrevê-los em XHTML -
| Estilo HTML | Estilo XHTML |
|---|---|
| compactar | compacto = "compacto" |
| verificado | verificado = "verificado" |
| declarar | declare = "declare" |
| somente leitura | somente leitura = "somente leitura" |
| Desativado | desativado = "desativado" |
| selecionado | selecionado = "selecionado" |
| adiar | adiar = "adiar" |
| ismap | ismap = "ismap" |
| nohref | nohref = "nohref" |
| nenhuma sombra | noshade = "noshade" |
| nowrap | nowrap = "nowrap" |
| múltiplo | múltiplo = "múltiplo" |
| noresize | noresize = "noresize" |
O atributo id
O atributo id substitui o atributo name. Em vez de usar name = "name", o XHTML prefere usar id = "id". O exemplo a seguir mostra como -
<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" name="xhtml_logo" />
<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" id="xhtml_logo" />O atributo da linguagem
O atributo de idioma da tag de script foi descontinuado. O exemplo a seguir mostra essa diferença -
<!-- This is invalid in XHTML -->
<script language="JavaScript" type="text/JavaScript">
document.write("Hello XHTML!");
</script>
<!-- Correct XHTML way of writing this is as follows -->
<script type="text/JavaScript">
document.write("Hello XHTML!");
</script>Tags aninhadas
Você deve aninhar todas as tags XHTML corretamente. Caso contrário, seu documento será considerado um documento XHTML incorreto. O exemplo a seguir mostra a sintaxe -
<!-- This is invalid in XHTML -->
<b><i> This text is bold and italic</b></i>
<!-- Correct XHTML way of writing this is as follows -->
<b><i> This text is bold and italic</i></b>Proibições de elementos
Os seguintes elementos não podem ter nenhum outro elemento dentro deles. Essa proibição se aplica a todas as profundidades de aninhamento. Significa que inclui todos os elementos descendentes.
| Elemento | Proibição |
|---|---|
| <a> | Não deve conter outros elementos <a>. |
| <pre> | Não deve conter os elementos <img>, <object>, <big>, <small>, <sub> ou <sup>. |
| <button> | Não deve conter os elementos <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe> ou <isindex>. |
| <label> | Não deve conter outros elementos <label>. |
| <form> | Não deve conter outros elementos <form>. |
Um documento XHTML mínimo
O exemplo a seguir mostra um conteúdo mínimo de um documento XHTML 1.0 -
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1" xml:lang="en" lang="en">
<head>
<title>Every document must have a title</title>
</head>
<body>
...your content goes here...
</body>
</html>Devido ao fato de que XHTML é um aplicativo XML, certas práticas que eram perfeitamente legais em HTML 4 baseado em SGML devem ser alteradas. Você já viu a sintaxe XHTML no capítulo anterior, então as diferenças entre XHTML e HTML são muito óbvias. A seguir está a comparação entre XHTML e HTML.
Documentos XHTML devem ser bem formados
Boa formação é um novo conceito introduzido pelo XML. Essencialmente, isso significa que todos os elementos devem ter tags de fechamento e você deve aninhá-los corretamente.
CORRECT: Nested Elements
<p>Here is an emphasized <em>paragraph</em>.</p>INCORRECT: Overlapping Elements
<p>Here is an emphasized <em>paragraph.</p></em>Elementos e atributos devem estar em letras minúsculas
Os documentos XHTML devem usar letras minúsculas para todos os elementos HTML e nomes de atributos. Essa diferença é necessária porque o documento XHTML é considerado um documento XML e o XML diferencia maiúsculas de minúsculas. Por exemplo, <li> e <LI> são tags diferentes.
Tags finais são obrigatórias para todos os elementos
Em HTML, certos elementos podem omitir a tag final. Mas o XML não permite que as tags finais sejam omitidas.
CORRECT: Terminated Elements
<p>Here is a paragraph.</p><p>here is another paragraph.</p>
<br><hr/>INCORRECT: Unterminated Elements
<p>Here is a paragraph.<p>here is another paragraph.
<br><hr>Os valores de atributo devem sempre ser citados
Todos os valores de atributos, incluindo valores numéricos, devem estar entre aspas.
CORRECT: Quoted Attribute Values
<td rowspan="3">INCORRECT: Unquoted Attribute Values
<td rowspan=3>Minimização de Atributo
XML não suporta minimização de atributos. Os pares de atributo-valor devem ser escritos por extenso. Nomes de atributos como compact e checks não podem ocorrer em elementos sem que seu valor seja especificado.
CORRECT: Non Minimized Attributes
<dl compact="compact">INCORRECT: Minimized Attributes
<dl compact>Tratamento de espaços em branco em valores de atributo
Quando um navegador processa atributos, ele faz o seguinte -
Tira espaços em branco à esquerda e à direita.
Mapeia sequências de um ou mais caracteres de espaço em branco (incluindo quebras de linha) para um único espaço entre palavras.
Elementos de script e estilo
Em XHTML, o script e os elementos de estilo não devem ter caracteres “<” e “&” diretamente, se existirem; então, eles são tratados como o início da marcação. As entidades como “<” e “&” são reconhecidas como referências de entidade pelo processador XML para exibir os caracteres “<” e “&” respectivamente.
Encapsular o conteúdo do script ou elemento de estilo em uma seção marcada com CDATA evita a expansão dessas entidades.
<script type="text/JavaScript">
<![CDATA[
... unescaped VB or Java Script here... ...
]]>
</script>Uma alternativa é usar scripts externos e documentos de estilo.
Os elementos com atributos id e name
XHTML recomenda a substituição do atributo name pelo atributo id . Observe que no XHTML 1.0, o atributo name desses elementos está formalmente obsoleto e será removido em versões subsequentes do XHTML.
Atributos com conjuntos de valores predefinidos
HTML e XHTML têm alguns atributos que possuem conjuntos de valores predefinidos e limitados. Por exemplo,type atributo do inputelemento. Em HTML e XML, são chamadosenumerated attributes. No HTML 4, a interpretação desses valores não fazia distinção entre maiúsculas e minúsculas, então um valor deTEXT era equivalente a um valor de text.
No XHTML, a interpretação desses valores diferencia maiúsculas de minúsculas, portanto, todos esses valores são definidos em minúsculas.
Referências de entidade como valores hexadecimais
HTML e XML permitem referências a caracteres usando valor hexadecimal. Em HTML, essas referências podem ser feitas usando&#Xnn; ou &#xnn; e eles são válidos, mas em documentos XHTML, você deve usar a versão em minúsculas apenas, como &#xnn;.
O elemento <html> é obrigatório
Todos os elementos XHTML devem ser aninhados no elemento raiz <html>. Todos os outros elementos podem ter subelementos que devem estar em pares e aninhados corretamente em seu elemento pai. A estrutura básica do documento é -
<!DOCTYPE html....>
<html>
<head> ... </head>
<body> ... </body>
</html>O padrão XHTML define três Definições de Tipo de Documento (DTDs). O mais comumente usado e fácil é o documento XHTML Transitional.
As definições de tipo de documento XHTML 1.0 correspondem a três DTDs -
- Strict
- Transitional
- Frameset
Existem alguns elementos e atributos XHTML que estão disponíveis em um DTD, mas não estão disponíveis em outro DTD. Portanto, ao escrever seu documento XHTML, você deve selecionar seus elementos ou atributos XHTML com cuidado. No entanto, o validador XHTML ajuda a identificar elementos e atributos válidos e inválidos.
Por favor, verifique as Validações XHTML para obter mais detalhes sobre isso.
XHTML 1.0 Strict
Se você está planejando usar Cascading Style Sheet (CSS) estritamente e evitando escrever a maioria dos atributos XHTML, então é recomendado usar este DTD. Um documento em conformidade com este DTD é da melhor qualidade.
Se você deseja usar o XHTML 1.0 Strict DTD, você precisa incluir a seguinte linha no topo do seu documento XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML 1.0 Transitional
Se você está planejando usar muitos atributos XHTML, bem como algumas propriedades da Folha de Estilo em Cascata, deve adotar esse DTD e escrever seu documento XHTML de acordo.
Se você deseja usar o XHTML 1.0 Transitional DTD, é necessário incluir a seguinte linha no início do documento XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Conjunto de molduras XHTML 1.0
Você pode usar isso quando quiser usar quadros HTML para particionar a janela do navegador em dois ou mais quadros.
Se você deseja usar o XHTML 1.0 Frameset DTD, é necessário incluir a linha a seguir no início do documento XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">Note- Não importa qual DTD você está usando para escrever seu documento XHTML; se for um documento XHTML válido, seu documento é considerado um documento de boa qualidade.
Existem alguns atributos XHTML / HTML que são padrão e associados a todas as tags XHTML / HTML. Esses atributos estão listados aqui com uma breve descrição -
Atributos principais
Não é válido em elementos base, head, html, meta, param, script, estilo e título.
| Atributo | Valor | Descrição |
|---|---|---|
| classe | regra de classe ou regra de estilo | A classe do elemento. |
| Eu iria | id_name | Um id único para o elemento. |
| estilo | style_definition | Uma definição de estilo embutido. |
| Título | tooltip_text | Um texto a ser exibido na ponta do mouse. |
Atributos de linguagem
o langatributo indica o idioma que está sendo usado para o conteúdo fechado. O idioma é identificado usando as abreviações de idioma padrão ISO, comofr para o francês, enpara inglês e assim por diante. Mais códigos e seus formatos estão descritos em www.ietf.org .
Não é válido em elementos base, br, frame, frameset, hr, iframe, param e script.
| Atributo | Valor | Descrição |
|---|---|---|
| dir | ltr | rtl | Define a direção do texto. |
| lang | language_code | Define o código do idioma. |
Atributos Proprietários da Microsoft
A Microsoft introduziu uma série de novos atributos proprietários com o Internet Explorer 4 e versões superiores.
| Atributo | Valor | Descrição |
|---|---|---|
| chave de acesso | personagem | Define um atalho de teclado para acessar um elemento. |
| língua | corda | Este atributo especifica a linguagem de script a ser usada com um script associado vinculado ao elemento, normalmente por meio de um atributo de manipulador de eventos. Os valores possíveis podem incluir JavaScript, jScript, VBS e VBScript. |
| tabindex | número | Define a ordem das guias de um elemento. |
| conteúdo editável | boleano | Permite que os usuários editem o conteúdo renderizado no Internet Explorer 5.5 ou superior. Os valores possíveis são verdadeiros ou falsos. |
| Desativado | boleano | Os elementos com o conjunto de atributos desativado podem aparecer esmaecidos e não responderão à entrada do usuário. Os valores possíveis são verdadeiros ou falsos. |
| esconder o foco | ligado ou desligado | Este atributo proprietário, introduzido com o Internet Explorer 5.5, esconde o foco no conteúdo de um elemento. O foco deve ser aplicado ao elemento usando o atributo tabindex. |
| não selecionável | ligado ou desligado | Usado para evitar que o conteúdo exibido no Internet Explorer 5.5 seja selecionado. |
Quando os usuários visitam um site, eles fazem coisas como clicar em texto, imagens e hiperlinks, passar o mouse sobre coisas etc. Esses são exemplos do que o JavaScript chama de eventos.
Podemos escrever nossos manipuladores de eventos em JavaScript ou VBScript e podemos especificar esses manipuladores de eventos como um valor do atributo de tag de evento. O XHTML 1.0 possui um conjunto semelhante de eventos que está disponível na especificação HTML 4.01.
Os eventos de nível <body> e <frameset>
Existem apenas dois atributos que podem ser usados para acionar qualquer código JavaScript ou VBScript, quando qualquer evento ocorre no nível do documento.
| Atributo | Valor | Descrição |
|---|---|---|
| carregando | Roteiro | O script é executado quando um documento XHTML é carregado. |
| onunload | Roteiro | O script é executado quando um documento XHTML é descarregado. |
Note - Aqui, o script se refere a qualquer função ou trecho de código de VBScript ou JavaScript.
Os eventos de nível <form>
Existem seis atributos a seguir que podem ser usados para acionar qualquer código JavaScript ou VBScript quando qualquer evento ocorrer no nível do formulário.
| Atributo | Valor | Descrição |
|---|---|---|
| em mudança | Roteiro | O script é executado quando o elemento muda. |
| onsubmit | Roteiro | O script é executado quando o formulário é enviado. |
| onreset | Roteiro | O script é executado quando o formulário é redefinido. |
| onselect | Roteiro | O script é executado quando o elemento é selecionado. |
| onblur | Roteiro | O script é executado quando o elemento perde o foco. |
| No foco | Roteiro | O script é executado quando o elemento obtém o foco. |
Eventos de teclado
Os três eventos a seguir são gerados pelo teclado. Esses eventos não são válidos nos elementos base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, estilo e título.
| Atributo | Valor | Descrição |
|---|---|---|
| onkeydown | Roteiro | O script é executado ao pressionar uma tecla. |
| onkeypress | Roteiro | O script é executado ao pressionar e soltar a tecla. |
| onkeyup | Roteiro | O script executa a liberação da chave. |
Outros eventos
Os sete eventos a seguir são gerados pelo mouse quando ele entra em contato com qualquer tag HTML. Esses eventos não são válidos nos elementos base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, estilo e título.
| Atributo | Valor | Descrição |
|---|---|---|
| onclick | Roteiro | O script é executado com um clique do mouse. |
| ondblclick | Roteiro | O script é executado com um clique duplo do mouse. |
| onmousedown | Roteiro | O script é executado quando o botão do mouse é pressionado. |
| onmousemove | Roteiro | O script é executado quando o ponteiro do mouse se move. |
| onmouseout | Roteiro | O script é executado quando o ponteiro do mouse sai de um elemento. |
| onmouseover | Roteiro | O script é executado quando o ponteiro do mouse se move sobre um elemento. |
| onmouseup | Roteiro | O script é executado quando o botão do mouse é liberado. |
O W3C ajudou a mover a comunidade de desenvolvimento de conteúdo da Internet dos dias de marcação malformada e fora do padrão para o mundo válido e bem formado do XML. No XHTML 1.0, essa mudança foi moderada pelo objetivo de fornecer fácil migração de conteúdo existente baseado em HTML 4 (ou anterior) para XHTML e XML.
O W3C removeu o suporte para elementos e atributos obsoletos da família XHTML. Esses elementos e atributos tinham uma funcionalidade amplamente orientada à apresentação que é melhor tratada por meio de folhas de estilo ou comportamento padrão específico do cliente.
Agora, o HTML Working Group do W3C definiu um tipo de documento inicial baseado somente em módulos que são XHTML 1.1. Este tipo de documento foi projetado para ser portátil para uma ampla coleção de dispositivos clientes e aplicável à maioria do conteúdo da Internet.
Conformidade de Documentos
O XHTML 1.1 fornece uma definição de documentos XHTML em conformidade estrita, que DEVEM atender a todos os critérios a seguir -
O documento DEVE estar de acordo com as restrições expressas na Definição de Tipo de Documento XHTML 1.1.
O elemento raiz do documento DEVE ser <html>.
O elemento raiz do documento DEVE designar o namespace XHTML usando o atributo xmlns .
O elemento raiz PODE conter também um atributo de localização do esquema conforme definido no Esquema XML.
DEVE haver uma declaração DOCTYPE no documento antes do elemento raiz. Se estiver presente, o identificador público incluído na declaração DOCTYPE DEVE fazer referência ao DTD encontrado na Definição de Tipo de Documento XHTML 1.1.
Aqui está um exemplo de um documento XHTML 1.1 -
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
<head>
<title>This is the document title</title>
</head>
<body>
<p>Moved to <a href="http://example.org/">example.org</a>.</p>
</body>
</html>Note- Neste exemplo, a declaração XML está incluída. Uma declaração XML como a acima não é necessária em todos os documentos XML. Os autores de documentos XHTML são fortemente encorajados a usar declarações XML em todos os seus documentos. Essa declaração é necessária quando a codificação de caracteres do documento é diferente do UTF-8 ou UTF-16 padrão.
Módulos XHTML 1.1
O tipo de documento XHTML 1.1 é composto dos seguintes módulos XHTML.
Structure Module- O Módulo de Estrutura define os principais elementos estruturais para XHTML. Esses elementos atuam efetivamente como base para o modelo de conteúdo de muitos tipos de documentos da família XHTML. Os elementos e atributos incluídos neste módulo são - corpo, cabeça, html e título.
Text Module - Este módulo define todos os elementos básicos do contêiner de texto, atributos e seu modelo de conteúdo - abbr, acrônimo, endereço, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6 , kbd, p, pre, q, samp, span, strong e var.
Hypertext Module- O Módulo de Hipertexto fornece o elemento que é usado para definir links de hipertexto para outros recursos. Este módulo oferece suporte ao elemento a.
List Module- Como o próprio nome sugere, o Módulo de Lista fornece elementos orientados por lista. Especificamente, o Módulo de Lista suporta os seguintes elementos e atributos - dl, dt, dd, ol, ul e li.
Object Module- O Módulo de Objetos fornece elementos para inclusão de objetos de uso geral. Especificamente, o Módulo de Objetos suporta - objeto e parâmetro.
Presentation Module - Este módulo define elementos, atributos e um modelo de conteúdo mínimo para marcação simples relacionada à apresentação - b, big, hr, i, small, sub, sup e tt.
Edit Module - Este módulo define elementos e atributos para uso na marcação relacionada à edição - del e ins.
Bidirectional Text Module - O módulo Texto bidirecional define um elemento que pode ser usado para declarar as regras bidirecionais para o conteúdo do elemento - bdo.
Forms Module- Ele fornece todos os recursos de formulário encontrados no HTML 4.0. Especificamente, ele suporta - botão, fieldset, formulário, entrada, rótulo, legenda, selecionar, optgroup, opção e área de texto.
Table Module - Suporta os seguintes elementos, atributos e modelo de conteúdo - caption, col, colgroup, table, tbody, td, tfoot, th, thead e tr.
Image Module- Ele fornece incorporação de imagens básicas e pode ser usado em algumas implementações de mapas de imagens do lado do cliente de forma independente. Ele suporta o elemento - img.
Client-side Image Map Module - Fornece elementos para mapas de imagem do cliente - área e mapa.
Server-side Image Map Module- Oferece suporte para seleção de imagens e transmissão de coordenadas de seleção. O Módulo de Mapa de Imagem do lado do servidor suporta - atributo ismap em img.
Intrinsic Events Module - Suporta todos os eventos discutidos em Eventos XHTML.
Meta information Module- O Módulo de Meta informações define um elemento que descreve as informações na parte declarativa de um documento. Inclui elemento meta.
Scripting Module- Define os elementos usados para conter informações pertencentes a scripts executáveis ou a falta de suporte para scripts executáveis. Os elementos e atributos incluídos neste módulo são - noscript e script.
Style Sheet Module- Define um elemento a ser usado ao declarar folhas de estilo internas. O elemento e o atributo definidos por este módulo são - style.
Style Attribute Module (Deprecated) - Define o atributo de estilo.
Link Module- Define um elemento que pode ser usado para definir links para recursos externos. Suporta elemento de link .
Base Module- Define um elemento que pode ser usado para definir um URI de base contra o qual os URIs relativos no documento são resolvidos. O elemento e o atributo incluídos neste módulo são - base .
Ruby Annotation Module - XHTML também usa o módulo de anotação Ruby conforme definido no RUBY e suporta - ruby, rbc, rtc, rb, rt e rp.
Alterações do XHTML 1.0 Strict
Esta seção descreve as diferenças entre XHTML 1.1 e XHTML 1.0 Strict. XHTML 1.1 representa um desvio tanto do HTML 4 quanto do XHTML 1.0.
O mais significativo é a remoção de recursos que foram descontinuados.
As mudanças podem ser resumidas da seguinte forma -
Em cada elemento, o atributo lang foi removido em favor do atributo xml: lang .
Nos elementos <a> e <map>, o atributo name foi removido em favor do atributo id.
A coleção de elementos rubi foi adicionada.
Este capítulo lista várias dicas e truques que você deve conhecer ao escrever um documento XHTML. Essas dicas e truques podem ajudá-lo a criar documentos eficazes.
Dicas para projetar documentos XHTML
Aqui estão algumas diretrizes básicas para projetar documentos XHTML -
Design para servir e engajar seu público
Quando você pensa em satisfazer o que seu público deseja, precisa criar documentos eficazes e atraentes para atender a esse propósito. Seu documento deve ser fácil para localizar as informações necessárias e fornecer um ambiente familiar.
Por exemplo, acadêmicos ou médicos se sentem confortáveis com documentos semelhantes aos de um jornal com frases longas, diagramas complexos, terminologias específicas, etc., enquanto o documento acessado por crianças em idade escolar deve ser simples e informativo.
Reutilize seu documento
Reutilize seus documentos de sucesso criados anteriormente em vez de começar do zero cada vez que você empacota um novo projeto.
Por Dentro do Documento XHTML
Aqui estão algumas dicas sobre os elementos dentro do documento XHTML -
A Declaração XML
Uma declaração XML não é necessária em todos os documentos XHTML, mas os autores de documentos XHTML são fortemente encorajados a usar declarações XML em todos os seus documentos. Essa declaração é necessária quando a codificação de caracteres do documento é diferente do UTF-8 ou UTF-16 padrão.
Elementos Vazios
Eles incluem um espaço antes do final / e> dos elementos vazios. Por exemplo, <br />, <hr /> e <img src = "/ html / xhtml.gif" alt = "xhtml" />.
Folhas de estilo e scripts incorporados
Use folhas de estilo externas se sua folha de estilo usar “<”, “&”, “]]>” ou “-”.
Use scripts externos se o seu script usar “<”, “&”, ou “]]>” ou “-”.
Quebras de linha nos valores de atributo
Evite quebras de linha e vários caracteres de espaço em branco nos valores de atributo. Eles são tratados de forma inconsistente por navegadores diferentes.
Elemento Isindex
Não inclua mais de um elemento isindex no cabeçalho do documento. O elemento isindex está obsoleto em favor do elemento de entrada.
Os atributos lang e xml: lang
Use os atributos lang e xml: lang ao especificar o idioma de um elemento. O valor do atributo xml: lang tem precedência.
Identificadores de elemento
O XHTML 1.0 tornou obsoleto os atributos de nome de elementos a, miniaplicativo, formulário, quadro, iframe, img e mapa . Eles serão removidos do XHTML nas versões subsequentes. Portanto, comece a usar o elemento id para identificação do elemento.
Usando E comercial em valores de atributo
O caractere e comercial ("&") deve ser apresentado como uma referência de entidade &.
Exemplo
<!-- This is invalid in XHTML -->
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user.
<!-- Correct XHTML way of writing this is as follows -->
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=userCaracteres de espaço em branco em HTML e XML
Alguns caracteres que são legais em documentos HTML são ilegais em documentos XML. Por exemplo, em HTML, o caractere de feed de formulário (U + 000C) é tratado como espaço em branco, em XHTML, devido à definição de caracteres do XML, é ilegal.
Referência e objetivos de caracteres nomeados ;
A referência do caractere nomeado '(o apóstrofo, U + 0027) foi introduzida no XML 1.0, mas não aparece no HTML. Os desenvolvedores da web devem, portanto, usar & # 39; em vez de 'funcionar como esperado em navegadores da Web HTML 4.
Cada documento XHTML é validado em relação a uma definição de tipo de documento. Antes de validar um arquivo XHTML adequadamente, um DTD correto deve ser adicionado como a primeira ou segunda linha do arquivo.
Quando estiver pronto para validar seu documento XHTML, você pode usar o W3C Validator para validar seu documento. Esta ferramenta é muito útil e ajuda a corrigir problemas com o seu documento. Esta ferramenta não requer nenhum conhecimento para realizar a validação.
A seguinte declaração na caixa de texto mostra os detalhes. Você precisa fornecer o URL completo da página que deseja validar e clique emValidate Page botão.
Insira o endereço da sua página na caixa abaixo -
Este validador verifica a validade da marcação de documentos da web com vários formatos, especialmente em HTML, XHTML, SMIL, MathML, etc.
Existem outras ferramentas para realizar diferentes outras validações.
RSS/Atom feeds Validator
CSS stylesheets Validator
Find Broken Links
Other validators and tools
Presumimos que você tenha entendido todos os conceitos relacionados ao XHTML. Portanto, você deve ser capaz de escrever seu documento HTML em um documento XHTML bem formado e obter uma versão mais limpa do seu site.
Convertendo HTML em XHTML
Você pode converter seu site HTML existente em site XHTML.
Vamos seguir alguns passos importantes. Para converter o seu documento existente, você deve primeiro decidir a qual DTD irá aderir e incluir a definição do tipo de documento no topo do documento.
Certifique-se de ter todos os outros elementos necessários. Isso inclui um elemento raiz <html> que indica um namespace XML, um elemento <head>, um elemento <title> contido no elemento <head> e um elemento <body>.
Converta todas as palavras-chave de elementos e nomes de atributos em letras minúsculas.
Certifique-se de que todos os atributos estejam em um formato name = "value".
Certifique-se de que todos os elementos do contêiner tenham tags de fechamento.
Coloque uma barra dentro de todos os elementos autônomos. Por exemplo, reescreva todos os elementos <br> como <br />.
Designe o código de script do lado do cliente e o código da folha de estilo como seções CDATA.
Próximas versões de XHTML
Ainda assim, o XHTML está sendo melhorado e sua próxima versão XHTML 1.1 foi elaborada. Discutimos isso em detalhes no capítulo XHTML Versão 1.1.
Tags, personagens e entidades XHTML
Tags, caracteres e entidades XHTML são iguais a HTML, portanto, se você já conhece HTML, não precisa se esforçar para aprender esses assuntos, especialmente para XHTML. Listamos todas as coisas de HTML junto com o tutorial de XHTML também, porque eles também se aplicam a XHTML.
O que vem a seguir?
Listamos vários recursos para XHTML e HTML, portanto, se você estiver interessado e tiver tempo disponível, recomendamos que você consulte esses recursos para aprimorar seu conhecimento sobre XHTML. Caso contrário, este tutorial deve ter fornecido conhecimento suficiente para escrever suas páginas da web usando XHTML.
Seu feedback sobre este tutorial é bem-vindo em [email protected].