O documento discute as principais diferenças entre HTML e XHTML. Apresenta uma introdução sobre o que é XHTML, destacando que se trata de uma padronização praticamente idêntica ao HTML 4.01, mas com algumas diferenças para torná-lo compatível com XML. Também aborda tópicos como sintaxe, validação de documentos XHTML e benefícios do uso de XHTML.
Introdução a eXtensible Markup Language (XML)Ivo Calado
O documento discute introdução à linguagem XML, especificações, elementos constituintes e sintaxe. Apresenta XML como linguagem de marcação flexível projetada para armazenar dados, diferente de HTML focado em exibição. Explica importância de XML para armazenamento estruturado e reutilização de informações.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
O documento discute as principais novidades da quinta versão da linguagem HTML, incluindo novas tags para vídeos, canvas e geolocalização, além de permitir o cache de aplicações web e uso de bancos de dados offline.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
Ferramentas Livres para Desenvolvimento Webigorpimentel
O documento discute a história da web, as etapas de desenvolvimento de um site, incluindo coleta de informações, planejamento, design, desenvolvimento, testes e publicação. Também aborda as tecnologias fundamentais para desenvolvimento web como HTML, CSS, JavaScript, PHP e banco de dados MySQL.
O documento descreve o que é HTML, como funciona e suas principais tags e elementos. HTML é uma linguagem de marcação usada para estruturar e apresentar conteúdo para a web. É composta por tags que definem o tipo de conteúdo e sua estrutura. O documento também discute a diferença entre HTML e XHTML.
O documento apresenta um roteiro para um curso sobre JavaScript, dividido em quatro seções: Introdução, JavaScript Básico, JavaScript Avançado e JavaScript Avançado II. A introdução discute o que é JavaScript, sua relação com outras linguagens como Java, e onde colocar códigos JavaScript em páginas web.
Introdução a eXtensible Markup Language (XML)Ivo Calado
O documento discute introdução à linguagem XML, especificações, elementos constituintes e sintaxe. Apresenta XML como linguagem de marcação flexível projetada para armazenar dados, diferente de HTML focado em exibição. Explica importância de XML para armazenamento estruturado e reutilização de informações.
Montando sites com XHTML e CSS utilizando os padrões webigorpimentel
O documento apresenta uma introdução sobre a história da web, desde sua criação por Tim Berners-Lee até os padrões atuais. Aborda conceitos como HTML, XHTML, CSS e a importância da semântica e dos padrões web para um código acessível.
O documento discute as principais novidades da quinta versão da linguagem HTML, incluindo novas tags para vídeos, canvas e geolocalização, além de permitir o cache de aplicações web e uso de bancos de dados offline.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
Ferramentas Livres para Desenvolvimento Webigorpimentel
O documento discute a história da web, as etapas de desenvolvimento de um site, incluindo coleta de informações, planejamento, design, desenvolvimento, testes e publicação. Também aborda as tecnologias fundamentais para desenvolvimento web como HTML, CSS, JavaScript, PHP e banco de dados MySQL.
O documento descreve o que é HTML, como funciona e suas principais tags e elementos. HTML é uma linguagem de marcação usada para estruturar e apresentar conteúdo para a web. É composta por tags que definem o tipo de conteúdo e sua estrutura. O documento também discute a diferença entre HTML e XHTML.
O documento apresenta um roteiro para um curso sobre JavaScript, dividido em quatro seções: Introdução, JavaScript Básico, JavaScript Avançado e JavaScript Avançado II. A introdução discute o que é JavaScript, sua relação com outras linguagens como Java, e onde colocar códigos JavaScript em páginas web.
Este documento introduz os conceitos básicos de CSS (Cascading Style Sheets), incluindo sua sintaxe, tipos, propriedades e casos de uso. Ele discute como o CSS separa a estrutura do conteúdo da formatação visual, permitindo alterar o layout de um site sem modificar o HTML. O documento também fornece exemplos de como definir regras CSS para estilizar diferentes elementos da página.
Este documento fornece uma introdução aos conceitos fundamentais do jQuery, incluindo:
1) O que é jQuery e suas principais características como biblioteca JavaScript.
2) Exemplos básicos de sintaxe jQuery, incluindo seletores e eventos como click.
3) Uma explicação de diferentes tipos de eventos no jQuery como mouseenter e focus.
4) Demonstrações de como usar métodos jQuery como hide, show e addClass.
Este documento fornece uma introdução à programação web com Java Server Pages (JSP). Discute a sintaxe básica de JSP, diretivas como page e include, e objetos implícitos como request e response. Também apresenta Expression Language (EL) como uma forma de reduzir o acoplamento entre código Java e HTML em páginas JSP.
This document provides an overview of Bootstrap, a popular front-end framework for building responsive, mobile-first websites and web applications. It defines key Bootstrap elements, discusses typography and text formatting features, and provides code examples for common elements like headings, quotes, and text styling. The document is presented in Portuguese.
O documento discute protocolos de transporte no kernel Linux, incluindo TCP e DCCP. Detalha como o TCP implementa controle de congestionamento e como o DCCP usa módulos CCID plugáveis. Também descreve implementações específicas de CCIDs como 2, 3 e 249 e atividades como adicionar novos CCIDs ou logs.
O documento apresenta uma palestra sobre programação para o kernel Linux. Aborda tópicos como introdução ao Linux e seu kernel, montando o ambiente de desenvolvimento, criação de módulos, gerenciamento de memória e estruturas de dados. A agenda inclui explicações sobre o que é um sistema operacional, características do kernel Linux, diferenças entre desenvolvimento para kernel e espaço de usuário.
O documento introduz conceitos fundamentais da World Wide Web, incluindo seu histórico, modelo cliente-servidor, protocolos HTTP e URL, e linguagem HTML. O documento também discute a diferença entre Internet e WWW.
O documento apresenta Luiz Felipe F. M. Costa, um estudante de Sistemas de Informação que estuda front-end web por conta. Ele explica o objetivo do documento que é entender como sites funcionam, o poder das aplicações web e como aprender a desenvolver para a web. O documento é dividido em duas partes, a primeira sobre front-end e back-end e a segunda sobre HTML5, PHP e onde aprender mais.
O documento fornece uma introdução ao PHP, cobrindo tópicos como: (1) por que usar PHP; (2) sintaxe básica como tags e variáveis; (3) tipos de variáveis e operadores; (4) estruturas de controle como if/else e loops.
1) O documento apresenta 15 questões sobre algoritmos para ler e processar dados numéricos, realizar cálculos e apresentar resultados.
2) As questões abordam cálculos matemáticos como média, soma, diferença e ordenação de dados, além de condicionais para validação de resultados.
3) São propostos exercícios para desenvolver algoritmos que resolvam problemas como cálculo de área, verificação de tipo de triângulo, comparação e ordenação de dados.
O documento introduz o Excel 2010 como parte do pacote Microsoft Office e descreve suas principais funcionalidades, como organizar informações numéricas e criar cálculos, gráficos e bases de dados simples. Ele também explica o ambiente de trabalho do Excel, incluindo separadores como "Base", "Inserir", "Fórmulas" e "Dados", e ferramentas como seleção de células, introdução e edição de informações.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
Php e mysql aplicacao completa a partir do zeroFred Ramos
Aprenda como construir sua própria aplicação PHP com banco de dados MYSQL a partir do nada.
- Explicações passo a passo totalmente ilustradas
- Indicado para iniciantes ou veteranos no PHP
- Construção do layout a partir do zero
- Códigos php de fácil compreensão
- Construção de uma aplicação web completa
- Conteúdo totalmente ilustrado com mais de 300 imagens
- Aprenda na prática! Aplicação testada pelo desenvolvedor
- 150 páginas
O documento apresenta os principais tópicos sobre funções matemáticas e gráficos em Excel. Inclui definições de funções como SOMA, MÉDIA, MÍNIMO e MÁXIMO, além de funções condicionais SE e CONT.SE. Também explica os elementos básicos de gráficos e tipos como coluna, pizza e barras. Por fim, sugere exercícios de fixação envolvendo o uso dessas funções e a criação de gráficos.
Este documento apresenta uma introdução básica à linguagem de programação PHP. A primeira parte discute conceitos como histórico do PHP, tipos de dados, operadores, estruturas de controle e funções. A segunda parte aborda tópicos como arquivos, formulários HTML, cookies e sessões. A terceira parte apresenta conceitos de orientação a objetos em PHP.
O documento contém 12 algoritmos que realizam operações como cálculo de fatorial, contagem de números dentro de um intervalo, classificação de idade como maior ou menor de idade, contagem de homens e mulheres, análise de lucro ou prejuízo em vendas, impressão de números em ordem crescente e decrescente, cálculo de tabuadas.
O documento fornece uma introdução ao PHP, incluindo sua história, características, sintaxe básica e conceitos importantes como variáveis, arrays, formulários e estruturas condicionais.
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
O documento discute o que é XHTML, por que devemos usar XHTML e as principais diferenças entre HTML e XHTML, incluindo que elementos XHTML devem seguir regras de XML como aninhamento correto, tags de fechamento e uso de letras minúsculas.
Este documento introduz os conceitos básicos de CSS (Cascading Style Sheets), incluindo sua sintaxe, tipos, propriedades e casos de uso. Ele discute como o CSS separa a estrutura do conteúdo da formatação visual, permitindo alterar o layout de um site sem modificar o HTML. O documento também fornece exemplos de como definir regras CSS para estilizar diferentes elementos da página.
Este documento fornece uma introdução aos conceitos fundamentais do jQuery, incluindo:
1) O que é jQuery e suas principais características como biblioteca JavaScript.
2) Exemplos básicos de sintaxe jQuery, incluindo seletores e eventos como click.
3) Uma explicação de diferentes tipos de eventos no jQuery como mouseenter e focus.
4) Demonstrações de como usar métodos jQuery como hide, show e addClass.
Este documento fornece uma introdução à programação web com Java Server Pages (JSP). Discute a sintaxe básica de JSP, diretivas como page e include, e objetos implícitos como request e response. Também apresenta Expression Language (EL) como uma forma de reduzir o acoplamento entre código Java e HTML em páginas JSP.
This document provides an overview of Bootstrap, a popular front-end framework for building responsive, mobile-first websites and web applications. It defines key Bootstrap elements, discusses typography and text formatting features, and provides code examples for common elements like headings, quotes, and text styling. The document is presented in Portuguese.
O documento discute protocolos de transporte no kernel Linux, incluindo TCP e DCCP. Detalha como o TCP implementa controle de congestionamento e como o DCCP usa módulos CCID plugáveis. Também descreve implementações específicas de CCIDs como 2, 3 e 249 e atividades como adicionar novos CCIDs ou logs.
O documento apresenta uma palestra sobre programação para o kernel Linux. Aborda tópicos como introdução ao Linux e seu kernel, montando o ambiente de desenvolvimento, criação de módulos, gerenciamento de memória e estruturas de dados. A agenda inclui explicações sobre o que é um sistema operacional, características do kernel Linux, diferenças entre desenvolvimento para kernel e espaço de usuário.
O documento introduz conceitos fundamentais da World Wide Web, incluindo seu histórico, modelo cliente-servidor, protocolos HTTP e URL, e linguagem HTML. O documento também discute a diferença entre Internet e WWW.
O documento apresenta Luiz Felipe F. M. Costa, um estudante de Sistemas de Informação que estuda front-end web por conta. Ele explica o objetivo do documento que é entender como sites funcionam, o poder das aplicações web e como aprender a desenvolver para a web. O documento é dividido em duas partes, a primeira sobre front-end e back-end e a segunda sobre HTML5, PHP e onde aprender mais.
O documento fornece uma introdução ao PHP, cobrindo tópicos como: (1) por que usar PHP; (2) sintaxe básica como tags e variáveis; (3) tipos de variáveis e operadores; (4) estruturas de controle como if/else e loops.
1) O documento apresenta 15 questões sobre algoritmos para ler e processar dados numéricos, realizar cálculos e apresentar resultados.
2) As questões abordam cálculos matemáticos como média, soma, diferença e ordenação de dados, além de condicionais para validação de resultados.
3) São propostos exercícios para desenvolver algoritmos que resolvam problemas como cálculo de área, verificação de tipo de triângulo, comparação e ordenação de dados.
O documento introduz o Excel 2010 como parte do pacote Microsoft Office e descreve suas principais funcionalidades, como organizar informações numéricas e criar cálculos, gráficos e bases de dados simples. Ele também explica o ambiente de trabalho do Excel, incluindo separadores como "Base", "Inserir", "Fórmulas" e "Dados", e ferramentas como seleção de células, introdução e edição de informações.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
Php e mysql aplicacao completa a partir do zeroFred Ramos
Aprenda como construir sua própria aplicação PHP com banco de dados MYSQL a partir do nada.
- Explicações passo a passo totalmente ilustradas
- Indicado para iniciantes ou veteranos no PHP
- Construção do layout a partir do zero
- Códigos php de fácil compreensão
- Construção de uma aplicação web completa
- Conteúdo totalmente ilustrado com mais de 300 imagens
- Aprenda na prática! Aplicação testada pelo desenvolvedor
- 150 páginas
O documento apresenta os principais tópicos sobre funções matemáticas e gráficos em Excel. Inclui definições de funções como SOMA, MÉDIA, MÍNIMO e MÁXIMO, além de funções condicionais SE e CONT.SE. Também explica os elementos básicos de gráficos e tipos como coluna, pizza e barras. Por fim, sugere exercícios de fixação envolvendo o uso dessas funções e a criação de gráficos.
Este documento apresenta uma introdução básica à linguagem de programação PHP. A primeira parte discute conceitos como histórico do PHP, tipos de dados, operadores, estruturas de controle e funções. A segunda parte aborda tópicos como arquivos, formulários HTML, cookies e sessões. A terceira parte apresenta conceitos de orientação a objetos em PHP.
O documento contém 12 algoritmos que realizam operações como cálculo de fatorial, contagem de números dentro de um intervalo, classificação de idade como maior ou menor de idade, contagem de homens e mulheres, análise de lucro ou prejuízo em vendas, impressão de números em ordem crescente e decrescente, cálculo de tabuadas.
O documento fornece uma introdução ao PHP, incluindo sua história, características, sintaxe básica e conceitos importantes como variáveis, arrays, formulários e estruturas condicionais.
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
O documento discute o que é XHTML, por que devemos usar XHTML e as principais diferenças entre HTML e XHTML, incluindo que elementos XHTML devem seguir regras de XML como aninhamento correto, tags de fechamento e uso de letras minúsculas.
O documento discute o XHTML, uma evolução do HTML que segue os padrões do XML. O XHTML permite maior acessibilidade, navegabilidade e conformidade dos documentos na web. Ele define elementos e atributos de forma mais rigorosa que o HTML para permitir a extensão da linguagem e a preparação para o futuro da web.
Este documento fornece uma introdução à linguagem HTML, incluindo suas principais seções, elementos e atributos. Ele explica como criar um documento HTML básico e como formatar texto usando cores, fontes e cabeçalhos. Além disso, fornece detalhes sobre publicar documentos na internet.
O documento explica o que é XHTML, como ele combina HTML e XML para fornecer uma linguagem de marcação estruturada que garante a visualização consistente de páginas da web independentemente do navegador. Também descreve as principais diferenças entre XHTML e HTML, como a obrigatoriedade do fechamento de tags e o uso de atributos em minúsculas.
O documento discute o XHTML, incluindo sua definição como uma linguagem de marcação que combina HTML e XML. Explora quando e por que o XHTML surgiu e suas vantagens em relação ao HTML. Também aborda o W3C, que desenvolve padrões para a criação de conteúdo na web, e elementos básicos para criar arquivos XHTML, como estrutura, DOCTYPES e tags.
O documento resume os principais conceitos da linguagem HTML:
1) HTML é fundamental para o desenvolvimento de sistemas aplicativos para a internet e nada funcionaria na internet sem ela.
2) Apesar de novas tecnologias terem surgido, o conhecimento de HTML ainda é essencial para o desenvolvimento web seguindo padrões.
3) HTML utiliza tags para descrever elementos de páginas web, como textos e dados.
HTML é uma linguagem padrão para criação de documentos na Web. HTML5 é a versão mais recente, desenvolvida pelo W3C para incorporar novas funcionalidades, como elementos multimídia e formulários. CSS e JavaScript também evoluíram para permitir maior controle sobre apresentação dinâmica de conteúdo na Web.
O documento discute editores HTML, a estrutura de documentos HTML e XHTML, e as diferenças entre HTML e XHTML. Ele explica como páginas da web são criadas e visualizadas, e lista categorias de marcadores HTML como estruturais, estilísticos e descritivos.
1) O documento discute as diferenças entre HTML e XML, afirmando que HTML é para formatação gráfica enquanto XML é para estrutura de dados.
2) Detalha as regras de construção de documentos XML, incluindo sintaxe, seções CDATA, esquemas DTD e XML Schema.
3) Explica dois modelos de processamento XML - SAX e DOM - e como cada um lida com documentos XML.
O documento discute a estrutura básica do HTML5, incluindo o elemento DOCTYPE, elemento HTML, cabeçalho HEAD, metadados Charset e tag LINK. Ele explica como estruturar corretamente uma página web em HTML5.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
Mercia regina portfólio-interdisciplinar-individual - analise-de-sistemas-1º-...Mércia Regina da Silva
Este documento apresenta um trabalho interdisciplinar sobre o desenvolvimento de sistemas web para a Universidade Norte do Paraná (UNOPAR). O trabalho aborda conceitos básicos de HTML e edição de documentos HTML, e foi apresentado para as disciplinas de Educação à Distância, Desenvolvimento de Sistemas Web, Metodologia Científica e outras.
Este documento apresenta um curso básico de HTML com o objetivo de ensinar os conceitos fundamentais da linguagem. Ele explica os elementos essenciais de uma página da web como tags, cabeçalho, corpo e formatação de texto, e fornece um exemplo simples de código HTML.
O documento discute a linguagem HTML, suas limitações e como a web semântica visa superá-las através do uso de XML para adicionar significado às informações na web. A HTML é uma linguagem de marcação que estrutura documentos para a web, mas carece de recursos semânticos. Isso dificulta a indexação e recuperação de informações. A web semântica usa o XML para definir categorias que descrevem o significado dos dados.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que HTML foi criado por Tim Berners-Lee em 1991 para marcar documentos na web e evoluiu através de várias versões. XHTML foi desenvolvido com base em HTML para seguir padrões XML. O HTML5 trará novos recursos como canvas, vídeo e áudio e elementos semânticos para melhorar a estrutura e acessibilidade das páginas.
O documento apresenta uma visão geral do HTML5, descrevendo sua evolução a partir do HTML original e o trabalho do grupo WHATWG na criação de uma versão mais flexível. Novos elementos como header, nav, section, article e time são definidos, além de exemplos de uso.
O documento descreve a história e o trabalho da empresa T2Ti. Em 3 frases:
1) A T2Ti começou em 2007 com cursos de programação Java e hoje desenvolve sistemas e produz treinamentos.
2) Um de seus maiores sucessos foi o Projeto T2Ti ERP, que treinou milhares de profissionais no desenvolvimento de um ERP.
3) Atualmente a T2Ti concentra-se em desenvolver sistemas e produzir treinamentos para o mercado nacional e internacional.
Semelhante a XHTML: eXtensible Hypertext Markup Language (20)
1. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Programa¸˜o para Web
ca
XHTML
Ivo Calado
Instituto Federal de Educa¸˜o, Ciˆncia e Tecnologia de Alagoas
ca e
16 de Abril de 2012
1 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
2. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Roteiro
1 Introdu¸˜o
ca
2 Sintaxe
3 O que temos mais em XHTML?
4 Validando documentos XHTML
2 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
3. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que ´?
e
O que ´?
e
3 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
4. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que ´?
e
O que ´?
e
Trata-se de uma padroniza¸˜o praticamente identica ao
ca
HTML 4.01 com apenas algumas diferen¸as
c
XHTML ´ uma vers˜o mais restrita e limpa do HTML
e a
XHTML foi desenvolvido pela W3C para ajudar
desenvolvedores na transi¸˜o do HTML para XML
ca
Migrando para XHTML, desenvolvedores Web podem fazer
parte do mundo do XML mas mantendo retrocompatibilidade
com o HTML
3 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
5. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que ´?
e
O que ´?
e
Trata-se de uma padroniza¸˜o praticamente identica ao
ca
HTML 4.01 com apenas algumas diferen¸as
c
XHTML ´ uma vers˜o mais restrita e limpa do HTML
e a
XHTML foi desenvolvido pela W3C para ajudar
desenvolvedores na transi¸˜o do HTML para XML
ca
Migrando para XHTML, desenvolvedores Web podem fazer
parte do mundo do XML mas mantendo retrocompatibilidade
com o HTML
Agora, um documento HTML passa a ser definido como uma
aplica¸˜o XML
ca
3 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
6. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Benef´
ıcios
O que ganhamos com o XHTML?
Documentos XHTML est˜o em conformidade com XML.
a
Deste modo podem ser facilmenteo visualizados, editados e
validados por ferramentas de XML
Especialmente util para navegadores de dispositivos
´
embarcados que n˜o podem ficar se preocupando em tentar
a
dar “significado” ` documentos HTML mal formados
a
4 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
7. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Benef´
ıcios
Porque usar XHTML?
Possui uma sintaxe mais r´
ıgida que o HTML
Possibilita a cria¸˜o de p´ginas Web mais consistentes e mais
ca a
bem estruturados que no HTML
P´ginas que seguem o padr˜o XHTML recebem um selo de
a a
qualidade da W3C
5 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
8. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que j´ sabemos...
a
A sintaxe ´ bastante parecida com o HTML
e
6 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
9. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que j´ sabemos...
a
A sintaxe ´ bastante parecida com o HTML
e
Praticamente toda a sintaxe ´ compat´ com o HTML
e ıvel
por´m o inverso n˜o ´ verdadeiro
e a e
H´ diversos pontos que devem ser considerados na sintaxe,
a
como: DOCTYPE, case-sensitive, fechamento de tags,
formata¸˜o de atributos etc
ca
6 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
10. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Exemplo de XHTML
<? xml v e r s i o n=" 1.0 " e n c o d i n g=" 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 : l a n g=" en "
l a n g=" en ">
<head>
< t i t l e>E v e r y document must h a v e a t i t l e </ t i t l e>
</ head>
<body>
. . . your content goes here . . .
</ body>
</ html>
7 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
11. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Declara¸˜o de DOCTYPE
ca
Em documentos XML ´ comum o uso de documentos dtd ou
e
XMLSchema que possibilitem a valida¸˜o da sintaxe de um
ca
documentos
Neste sentido, devemos identificar no documento XHTML as
regras de valida¸˜o
ca
<!DOCTYPE html PUBLIC " -// W3C // DTD XHTML 1.0
Transitional // EN "
" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - transitional .
dtd ">
8 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
12. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Tipos de arquivos DTD
Existem 3 tipos de arquivos DTD que s˜o o Strict,
a
Transitional e Frameset
A diferen¸a entre os 3 arquivos de valida¸˜o est´ nos atributos
c ca a
aceitos
Dependendo do tipo da p´gina Web (uso ou n˜o de CSS, uso
a a
de frames), deve-se fazer a sele¸˜o do DTD correto
ca
Validadores podem ser utilizados para fazer a sele¸˜o correta
ca
9 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
13. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
DOCTYPE
Tipos de DTD
<!DOCTYPE html
PUBLIC " -// W3C // DTD XHTML 1.0 Strict // EN "
" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - strict . dtd ">
<!DOCTYPE html
PUBLIC " -// W3C // DTD XHTML 1.0 Transitional // EN "
" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - transitional .
dtd ">
<!DOCTYPE html
PUBLIC " -// W3C // DTD XHTML 1.0 Frameset // EN "
" http :// www . w3 . org / TR / xhtml1 / DTD / xhtml1 - frameset . dtd ">
10 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
14. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Case sensitive
Enquanto que em HTML podemos fazer algo assim:
<HtML> <HEad> </heAD> </HTML>
em XHTML TODOS os atributos e tags devem ser min´sculos
u
11 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
15. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Case sensitive
Enquanto que em HTML podemos fazer algo assim:
<HtML> <HEad> </heAD> </HTML>
em XHTML TODOS os atributos e tags devem ser min´sculos
u
Exemplo:
<!−− T h i s i s i n v a l i d i n XHTML −−>
<A Href="/ xhtml / xhtml_tutorial . html ">XHTML T u t o r i a l</A>
<!−− C o r r e c t XHTML way o f w r i t i n g t h i s i s a s f o l l o w s −−
>
<a h r e f="/ xhtml / xhtml_tutorial . html ">XHTML T u t o r i a l</a>
11 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
16. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Fechamento de tags
Todas as tags devem ser fechadas
<!−− T h i s i s i n v a l i d i n XHTML −−>
<p>T h i s p a r a g r a p h i s n o t w r i t t e n a c c o r d i n g t o XHTML
syntax .
<!−− T h i s i s a l s o i n v a l i d i n XHTML −−>
<img s r c="/ images / xhtml . gif ">
12 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
17. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Case sensitive e fechamento de tags
Fechamento de tags
Todas as tags devem ser fechadas
<!−− T h i s i s i n v a l i d i n XHTML −−>
<p>T h i s p a r a g r a p h i s n o t w r i t t e n a c c o r d i n g t o XHTML
syntax .
<!−− T h i s i s a l s o i n v a l i d i n XHTML −−>
<img s r c="/ images / xhtml . gif ">
<!−− T h i s i s a l s o v a l i d now −−>
<img s r c="/ images / xhtml . gif " />
12 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
18. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Formata¸˜o de atributos
ca
Formata¸˜o de atributos
ca
Em HTML ´ poss´ um c´digo como esse
e ıvel o
<img s r c="/ images / xhtml . gif " width =250 h e i g h t =50 />
Por´m em XHTML todos os atributos devem estar entre aspas
e
13 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
19. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Formata¸˜o de atributos
ca
Formata¸˜o de atributos
ca
Em HTML ´ poss´ um c´digo como esse
e ıvel o
<img s r c="/ images / xhtml . gif " width =250 h e i g h t =50 />
Por´m em XHTML todos os atributos devem estar entre aspas
e
<img s r c="/ images / xhtml . gif " width=" 250 " h e i g h t=" 50 " />
13 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
20. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Minimiza¸˜o de atributos
ca
Minimiza¸˜o de atributos
ca
Em algumas tags ´ poss´ a utiliza¸˜o de atributos sem valor
e ıvel ca
<o p t i o n s e l e c t e d>
Por´m, atributos sem valor n˜o s˜o poss´ em XML. Deste modo,
e a a ıvel
a seguinte abordagem foi utilizada
<o p t i o n s e l e c t e d=" selected ">
14 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
21. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Atributo name e id
Em HTML ´ comum a utiliza¸˜o do atributo name para
e ca
identifica¸˜o do elemento...
ca
15 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
22. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Atributo name e id
Em HTML ´ comum a utiliza¸˜o do atributo name para
e ca
identifica¸˜o do elemento...
ca
Por´m, em XHTML o atributo id assume este papel
e
<img s r c="/ images / xhtml . gif " i d=" xhtml_logo " />
15 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
23. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Atributo id e fechamento de tags
Fechamento de tags
Tags em XHTML devem estar corretamente fechadas
<b>< i> T h i s t e x t i s b o l d and i t a l i c </b></ i> (ERRADO)
<b>< i> T h i s t e x t i s b o l d and i t a l i c </ i></b>
16 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
24. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
O que temos mais em XHTML?
Atributos base: class, id, style, title
Atributos de linguagem: dir, lang
Eventos: onload, onchange, onsubmit. Veremos com mais
detalhes em DHTML!
M´dulos: a especifica¸˜o XHTML ´ dividida em diversos
o ca e
m´dulos dependendo da funcionalidade. Ou seja, um
o
dispositivo pode implementar apenas alguns recursos
17 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca
25. Introdu¸˜o
ca Sintaxe O que temos mais em XHTML? Validando documentos XHTML
Validando documentos XHTML
http://www.validome.org/
18 / 18 Ivo Calado IFAL
Programa¸˜o para Web
ca