|
|
||
        |
 |
Conheça o Plugfeed | » Início » Desenvolvimento » CSS e Tableless » XHTML - Visão Geral --> |
|
Avaliação: Não avaliado | Publicado em: 18/02/2008
XHTML - Visão Geral
Fred Jader Desenvolvedor web desde os 12 anos, Frederico Jader hoje em dia atua como diretor de arte e administrador de portais em geral, tendo como mais novo projeto o site www.gamesnahora.com
XHTML - Visão Geral
Bom, nesse tutorial tenho o objetivo de mostrar o que é o XHTML, para que serve e sua sintaxe básica. Todas as linguagens de marcação da web são baseadas em SGML, uma metalinguagem complexa, projetada para máquinas com a finalidade de servir de base para criação de outras linguagens. O SGML foi usado criar XML(Extensible Markup Language), também uma metalinguagem, porém bem mais simples. XHTML é a sigla em inglês para EXtensible HyperText Markup Language que em português resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir o HTML e nada mais é do que um HTML "puro, claro e limpo". Fonte: Maujor.com / Maurício Samy Silva Como, onde e Porque Bom, simplificando: o XHTML é o HTML semântico. Então o que irá diferenciar ele é: Boa formação do Documento O método de marcação deve sempre está de uma maneira lógica, exemplo: Certo: CÓDIGO <div id="conteudo"><span class="titulo"><p>Isso é um texto em um Parágrafo</p></span></div> Errado: CÓDIGO <div id="conteudo"><span class="titulo"><p>Isso é um texto em um parágrafo</div></span></p> Pois estaríamos deixando conteudo de fora das TAGs "Pai". Carácteres de Linguagem: Devemos seguir um método de "decodificação" de palavras semântico para obter um XHTML correto: Certo: CÓDIGO Cão & Cia Errado: CÓDIGO Cão & Cia Código 'Case' Semântico Devemos usar métodos semânticos que dê um bom produto final, e não que apenas fique um código "bonito": Certo: CÓDIGO <a href="#" onmouseover="carrega('4')">Link</a> Errado: CÓDIGO <a href="#" onMouseOver="carrega('4')">Link</a> Obrigatório em um XHTML É Obrigatório o uso do DOCTYPE, para informar qual é a sintaxe SGML usada no documento. Existem 3 tipos: STRICT: Esta é a mais rígida das declarações. Os documentos XHTML no modo Strict não admitem qualquer item de formatação dentro dos elementos e nem elementos em desuso "deprecated" segundo as recomendações do W3C. Exemplo: CÓDIGO <XHTML; 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> TRANSITIONAL: Esta declaração permite uma maior flexibilidade e é indicada para documentos que ainda utilizem elementos em desuso ("deprecated"), regras de apresentação embutidas em tags e também para documentos destinados a exibição em browsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames. Exemplo: CÓDIGO <XHTML; 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> FRAMESET: Esta declaração permite tudo da declaração transational e mais os elementos especificos para frames. CÓDIGO <XHTML; 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  |
|
   |
 |
 |
|
|
