Aula 02 - Estruturas de Documentos XHTML

Autoria Web
Estrutura de documentos XHTML
Prof Silvano Oliveira

prof.silvano.oliveira@gmail.com
Prof. Silvano Oliveira / 21

Quem válida o documento?
http://validator.w3.org/
Prof. Silvano Oliveira Autoria WEB 2 / 21

Quem válida o documento?

No DOCTYPE found!

Tipos de documentos
•Declaração do tipo é parecido com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN“

"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML SYSTEM>

Tipos de documentos

Tipo de documentos
•HTML 4.01
– Strict
– <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
– Transitional
– <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
– Frameset
– <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Tipo de documentos
•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
– <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
– "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
– Frameset
– <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Linguagens de marcação
•SGML (Standard Generalized Markup Language)
•XML (eXtensible Markup Language)
•HTML (Hypertext Markup Language)
•XHTML (eXtensible HTML)
XML XTML
SGML 1.0
HTML
HTML
4.01

Regras do XHTML
•Tags em letras minúsculas
● Errado: Aqui é um texto de parágrafo
● Certo: Aqui é um texto de parágrafo
•Elementos corretamente aninhados

● Errado: Paragrafo em itálico
● Certo: Paragrafo em itálico

Regras do XHTML
•Todas as tags devem ser fechadas
● Errado:
● Aqui é um texto de parágrafo.
● Este é outro paragrafo de texto.
● Certo:
● Aqui é um texto de parágrafo.
● Este é outro paragrafo de texto.

Regras do XHTML
•Mesmo as tags vazias devem ser fechadas
● Errado:
● 
● <hr>
● <img src=”imagem.gif” alt=”minha imagem”>
● Certo:
● 
● <hr />
● <img src=”imagem.gif” alt=”minha imagem” />

Regras do XHTML
•Definição de atributos
● Errado: <img SRC=”imagem.gif” ALT=”minha imagem”>
● Certo: <img src=”imagem.gif” alt=”minha imagem” />
•Sempre entre aspas duplas (“ ”)

● Errado: <img src=imagem.gif alt=minha imagem>
● Certo: <img src=”imagem.gif” alt=”minha imagem” />

Regras do XHTML
•Sempre devem ter valores
● Errado: <input checked />
● Certo: <input checked=”checked” />
•Atributo xmlns obrigatório

● Errado: <html>...</html>
● Certo:
● <html xmlns="http://www.w3.org/1999/xhtml">...</html>

Documentos bem formados
<!DOCTYPE ... >
<html xmlns=”...”>
<head>
<title>...</title>
...
</head>
<body>
...
</body>
</html>
Modelo mínimo de documento
<!DOCTYPE ...>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Título do documento</title>
</head>
<body>
Conteúdo do documento
</body>
</html>
Modelo mínimo de documento
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Livraria Virtual</title>
</head>
<body>
Esta é a sua livraria virtual...
</body>
</html>

Referência para estudos
● http://pt-br.html.net/tutorials/html/
● http://htmldog.com
● http://www.google.com.br/search?q=html

Perguntas???

Sítios na Internet
➔ http://www.htmlhelp.com/tools/validator/doctype.html
➔ http://www.w3.org/QA/2002/04/valid-dtd-list.html

Licença
●Este trabalho foi licenciado com a Licença Creative Commons Atribuição -

CompartilhaIgual 3.0 Não Adaptada. Para ver uma cópia desta licença, visite
http://creativecommons.org/licenses/by-sa/3.0/ ou envie um pedido por carta para
Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.

Aula 02 - Estruturas de Documentos XHTML

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula 02 - Estruturas de Documentos XHTML

Enviado por

Direitos autorais:

Formatos disponíveis

Autoria Web

Estrutura de documentos XHTML

Prof Silvano Oliveira

Prof. Silvano Oliveira / 21

Prof. Silvano Oliveira Autoria WEB 2 / 21

Prof. Silvano Oliveira Autoria WEB 3 / 21

Prof. Silvano Oliveira Autoria WEB 4 / 21

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN“

<!DOCTYPE HTML SYSTEM>

Prof. Silvano Oliveira Autoria WEB 5 / 21

Prof. Silvano Oliveira Autoria WEB 6 / 21

Prof. Silvano Oliveira Autoria WEB 7 / 21

Prof. Silvano Oliveira Autoria WEB 8 / 21

Prof. Silvano Oliveira Autoria WEB 9 / 21

● Certo: <p>Aqui é um texto de parágrafo</p>

•Elementos corretamente aninhados

● Certo: <em><p>Paragrafo em itálico</p></em>

Prof. Silvano Oliveira Autoria WEB 10 / 21

Prof. Silvano Oliveira Autoria WEB 11 / 21

Prof. Silvano Oliveira Autoria WEB 12 / 21

● Certo: <img src=”imagem.gif” alt=”minha imagem” />

•Sempre entre aspas duplas (“ ”)

● Certo: <img src=”imagem.gif” alt=”minha imagem” />

Prof. Silvano Oliveira Autoria WEB 13 / 21

● Certo: <input checked=”checked” />

•Atributo xmlns obrigatório

Prof. Silvano Oliveira Autoria WEB 14 / 21

Prof. Silvano Oliveira Autoria WEB 17 / 21

Prof. Silvano Oliveira Autoria WEB 18 / 21

Prof. Silvano Oliveira Autoria WEB 19 / 21

Prof. Silvano Oliveira Autoria WEB 20 / 21

●Este trabalho foi licenciado com a Licença Creative Commons Atribuição -

Prof. Silvano Oliveira Autoria WEB 21 / 21

Você também pode gostar