Jump to content


Photo

XHTML


  • Faça o login para participar
69 replies to this topic

#1 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 08/04/2004, 10:52

Este tópico/artigo, tem por ventura, abordar o conteúdo que identifica o XHTML.

==================================================
1 - XHTML: Definição
==================================================


» eXtensible HyperText Markup Language (XHTML) sim, é uma futura substituição do HTML.
» Possui uma sintaxe mais limpa, estrita e clara que o HTML.
» XHTML segue alguns dos padrões multi-plataforma da XML (eXtensible Markup Language).

==================================================
2 - XHTML: Comparação ao HTML
==================================================


<html>
<head>
<title>Página HTML Válida</title>
</head>

<body>
<div align="center">
<h1>Cabeçalho da Página</h1>

<p><b><i>Conteúdo da Página</b></i>
</body>
</html>


Acima temos um exemplo de página HTML comum, se usarmos este código para gerar uma página .html, teremos um resultado sem erros.

Agora vejamos a mesma página, construída nos moldes do XHTML.

<html>
<head>
<title>Página XHTML Válida</title>
</head>

<body>
<div align="center">
<h1>Cabeçalho da Página</h1>

<p><b><i>Conteúdo da Página</i></b></p>
</div>
</body>
</html>


Coloquei as diferenças em negrito. Vamos entender porquê houve essas diferenças ou melhor, quais as regras de sintaxe do XHTML.

==================================================
3 - XHTML: Sintaxe e Regras
==================================================


» As últimas tags a serem abertas, são as primeiras a serem fechadas.

Veja a diferença nas duas páginas acima, no primeiro exemplo (HTML), a tag <p> não está fechada, depois inicia-se negrito (<b>) e itálico (<i>), repare que eles estão fechados na ordem inversa de iniciação (</b></i>).

» Os elementos de uma tag devem estar em letras minúsculas.

Assim, o válido <CENTER> no HTML, no XHTML só seria válido se... <center> </center>.

» Todos os elementos devem ser fechados.

Isso mesmo todos! <div> (...) </div> <span> (...) </span> <p> (...) </p>

É... Como eu vou fechar a quebra-de-linha (<br>)???

Todos os elementos que só têm uma tag... devem ser fechados assim:

<br /> <hr /> <input type="submit" value="Enviar!" />

==================================================
4 - XHTML: Regras para Atributos
==================================================


» Os nomes dos atributos devem estar em letras minúsculas da mesma maneira que as tags.

» Sempre devem estar entre aspas (" ").

<div align="center"> <table width="100"> <body bgcolor="#003399">

» Atributos abreviados não são permitidos.

Para tornar um campo de um formulário sem a possiblidade de mudanças, normalmente procedemos assim:

<input type="text" name="idade" value="18" readonly">


Já para torná-lo XHTML compatível, seria:

<input type="text" id="idade" value="18" readonly="readonly" />


» O atributo id substitui o atributo name dos elementos. Veja o exemplo acima.

Por ora é isto, assim que tiver mais tempo, concluirei o artigo.

Dúvidas, podem ser tiradas neste tópico.
Klaus Paiva
Conheça também: Taperás

#2 Felipe T.

Felipe T.

    Normal

  • Usuários
  • 79 posts
  • Sexo:Não informado

Posted 02/07/2004, 16:14

XHTML pode tratar dados?
'***************************************
' FELIPE t.
' fgteixeira@pop.com.br
'***************************************

#3 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 02/07/2004, 16:25

XML + HTML é considerado o XHTML (isso é lógico).

Bem, o HTML não tem a capacidade de fazer conexão com banco de dados, ou seja, ele é apenas uma linguagem de marcação, tanto é que provem de seu nome:

HyperText Markup Language.

(Linguagem de marcação de hipertexto).

O XML também podemos considerá-lo assim, pois ele tem a capacidade de criar suas próprias tags.

Ou seja, se você quisesse fazer uma conexão com banco de dados

#4 HeNnEt

HeNnEt

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 12/07/2004, 09:36

opa ... Primeiramente OIIIII.... ia i blz?

o onde eu poderia encontrar um tutotiam bom explicando des do começo a mexer com html e tal ... ?!?

Agradecido

#5 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/07/2004, 15:50

HTML? Procure na seção de HTML na wmonline.

Tem vários cursos online na net.

Eu aprendi por conta própria, mas vc quem sabe, né?!

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 13/07/2004, 06:47

Use algum sistema de busca (google, cade, etc..) e procure por html que vc vai achar muita coisa...
no site da w3c vc vai encontrar muita coisa boa tbm
http://www.w3.org/
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 gutostraube

gutostraube

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 17/07/2004, 19:23

É possível encontrar ótimos tutoriais tanto de XHTML quanto de HTML e outras linguagens voltadas para web no W3Schools!!! Vale a pena dar uma olhada!! ;)

Edição feita por: gutostraube, 17/07/2004, 19:47.

Gustavo Straube
Analista de Sistemas

#8 gutostraube

gutostraube

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 17/07/2004, 19:39

XML + HTML é considerado o XHTML (isso é lógico).

Bem, o HTML não tem a capacidade de fazer conexão com banco de dados, ou seja, ele é apenas uma linguagem de marcação, tanto é que provem de seu nome:

HyperText Markup Language.

(Linguagem de marcação de hipertexto).

O XML também podemos considerá-lo assim, pois ele tem a capacidade de criar suas próprias tags.

Ou seja, se você quisesse fazer uma conexão com banco de dados

Não considero isso lógico. :huh:

Apesar de ambas serem linguagens de marcação (markup language):

XHTML é a próxima geração do HTML. Possui basicamente as mesmas tags, como podemos observar na referência do XHTML, a diferença essencial está na sintaxe, como foi citado no tópico inicial...

XML é uma poderosa ferramenta para estrturar, armazenar e enviar dados.

Portanto XML e XHTML foram desenvolvidas para fins diferentes!!

Mas voltando ao XHTML...

Em relação a usar o atributo id ao invés name é recomendado que se use ambos, por exemplo:
<input type="text" id="campo" name="campo />
, para que o seu código seja compatível tanto com os browsers modernos quanto com os mais antigos.

É importante ressaltar a importância da declaração DOCTYPE (DTD) no início de seu documentos XHTML, pois ela é quem vai informar ao browser o tipo de documento que será exibido. Existem 3 tipos de DTD:

Strict DTD - É usada quando você fez um código 100% XHTML puro, sem erros...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Transitional DTD - É usada quando você está iniciando a "evoluir" seu HTML para XHTML...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset DTD - Usa-se qnd vc tem uma página com frames...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Acho q eh isso aew... :D
Gustavo Straube
Analista de Sistemas

#9 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 17/07/2004, 23:12

Mas como o XML envia dados, como vc afirmou?

Ele apenas cria suas próprias tags...

#10 gutostraube

gutostraube

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 18/07/2004, 01:07

Isso você encontra no site do W3Schools...

XML can be used to Store Data
With XML, plain text files can be used to store data.

XML can also be used to store data in files or in databases. Applications can be written to store and retrieve information from the store, and generic applications can be used to display the data.


Esse site é o melhor pra aprender qq coisa sobre as liguagens que o W3C define os standards, como HTML, XHTML, XML e outras...

Eu não manjo mto XML pq eu trabalho com PHP, mas os caras q eu conheço q usam XML dizem q ele é mto poderoso, é possível fazer aplicações multi-plataforma integradas a banco de dados que não é possível com outras linguagens como ASP ou PHP... E unido ao JSP o XML fik mto melhor...
Gustavo Straube
Analista de Sistemas

#11 [webmaster]®

[webmaster]®

    Hobby por criar funções genérica, semânticas e otimizadas

  • Usuários
  • 310 posts
  • Sexo:Não informado
  • Localidade:Canoas - RS
  • Interesses:ASP<br>CSS<br>JavaScript - DOM - ECMASCRIPT - JSCRIPT<br>XHTML<br>HTML<br>DHTML, AJAX, JSON, TABLELESS<br>ACESS<br>MYSQL<br>SQL SERVER<br><br>SEO, WEBSTANDARDS, ACESSIBILIDADE, USABILIDADE, AI

Posted 18/07/2004, 05:48

gutostraube, blz kra!

Vc flw qto akeles 3 tipos de DTD, então, existem apenas estes 3?

E me diga o q eu ganho se eu colocar isto na minha página?
Pois sem elas ela funciona da mesma forma, e ao que parece, até um pouco mais rápida, pois vai ter menos código.

É o q eu penso atualmente por não conhecer mto sobre tais temas.
Se puderes comentar e argumentar um pouco se quer sobre assunto, ficarei grato.

Ah, Without a Nick, se vc colocar seu argumento tbm, fica maneiro :D
Te acompanho lá no FireMasters e gosto de ver os seus posts e o do Perroud.
Eu sou o [ GuTo ] lá, moderador de ASP. ;)

Está ótimo o tópico.
Abraços!
Meus sites:
- Guia Camaquã
- Laroya atacadista
- Emílio confecções

Ocupação: WebDeveloper avançado

Contato:
Email: gutoasp[at]gmail[dot]com
MSN: gutoasp[at]hotmail[dot]com
Trabalhando desde 1999 com websites.

Para saber mais sobre meu trabalho, sobre o que faço, e o que sei, clique aqui!

#12 Maujor

Maujor

    Normal

  • Usuários
  • 93 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 18/07/2004, 11:05

Leia um Tutorial XHTML completo e em português.
Maurício Samy Silva
www.maujor.com
Dicas e Tutoriais CSS
:::::::::::::::::::::::::
www.maujor.com/fw/
Tutoriais Fireworks

#13 gutostraube

gutostraube

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 18/07/2004, 14:18

Dae cara...

Não existe uma vantagem propriamente dita em usar uma DTD. Ela só "fala" ao browser qual é o "tipo" do código. Ela tem efeito sobre suas tags, por exemplo:
#style {vertical-align:middle;}
Esse estilo em CSS não funciona usando a Transitional DTD, não testei ainda em relação a outras tags e estilos e com as 2 outras DTD, mas acredito que elas influenciem sobre mais coisas no código.

Em relação a quantidade de DTDs, só existem essas 3 mesmo. Pode ser que em futuras versões do XHTML ou do HTML possam surgir novas declarações.

É, realmente, seu documento ficará com alguns bytes a mais, porém ele estará de acordo com os standards do W3C. Se você não se importa com isso, então nem use. Mas é importante pensar no rumo que a internet está tomando. Cada vez mais pessoas têm acessado a web através de celulares, video-games, palms e outras plataformas que não o PC convencional, então, se vc desenvolver um código que não seja semânticamente correto, ou seja, dentro dos padrões, sua página vai se tornar inacessível àlgumas plataformas. Vc pode pensar: "Mas ninguém vai acessar meu site de nenhum desses dispositivos que vc citou!" Quem sabe agora não, mas e daqui a um ano? Essas tecnologias têm avançado cada vez mais, portanto é importante se preparar para o futuro do que ter que adpatar seus códigos às novas especificações.

Vc pode encontrar várias matérias sobre assuntos do gênero no site www.tableless.com.br.

E esse é o link para a referência oficial das DTD em XHTML - http://www.w3.org/TR/xhtml1/#dtds.

Me desculpem, sei que a maioria dos links que eu passo aki são em inglês, mas alguém que trabalha ou estuda informática deveria saber que o inglês é requisito básico para isso. Além do que, as referências oficiais são em inglês.

Só ressaltar uma coisa: XML não é o mesmo que XHTML, como mta gente têm se enganado. Como já disse aqui: XHTML é a próxima geração do HTML, apenas baseado na semântica do XML, ou seja, esses eskemas que foram citados em posts anteriores a respeito da formatação das tags.

É... Acho q eh isso!! Falousss
Gustavo Straube
Analista de Sistemas

#14 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 18/07/2004, 19:11

Quando eu puder, eu faço uns comentários, blza?

E vlw pelo elogio.

#15 Whitesnake

Whitesnake
  • Visitantes

Posted 18/07/2004, 19:20

Perai + os forms vão passar a enviar os campos "ID" ao invés de "NAME" :( ?




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq