Conceitos e Técnicas HTML 2

WBA0182_V1.
0
Conceitos e Técnicas HTML
Tema 02 – Indo Além da Linguagem
de Marcação
Bloco 1
Prof. Rogério Carlos dos Santos

Indo além da linguagem de marcação
Você conhecerá sobre as linguagens utilizadas

para desenvolver sites na web e seus princípios.
São elas:
• Linguagem SGML.
• Linguagem HTML
• Linguagem XML
• Versões de HTML e XHTML.
• Para acessar estes conteúdos, são usados

navegadores (“Browser” em inglês) que na
prática se utilizam de hipertexto para
poder elencar as diversas páginas e sites
através de um simples clique do mouse por
parte dos seus usuários.
• Também conhecido como hiperlink, ou
links, proporcionaram a facilidade de uso
da internet e serviram de base para as
linguagens utilizadas pelos navegadores.
Pode-se dizer que o HTML foi baseado na

estrutura da linguagem SGML.
Temos ainda a evolução cronológica dessas
linguagens, conforme a sequência:
SGML → HTML 1.0 → HTML xx → XML →
HTML 4.01 → XHTML.
Linguagem SGML
SGML é uma sigla do inglês “Standard
Generalized Markup Language”.
A linguagem SGML foi desenvolvida na década de
1960 pela IBM para permitir a classificação e o
compartilhamento de grande quantidade de
documentos texto e utilizava de etiquetas (tags)
que pudessem relacionar de forma estruturada
estes documentos.
Atualmente, a linguagem SGML se tornou uma

norma ISO 8879.
A SGML tem um conjunto de tags, também
chamados de elementos, e permite que sejam
criadas novas tags conforme desejado. Isto serviu
de base para as linguagens de marcação como o
HTML e posteriormente o XML.
Um exemplo de uma SGML

<QUOTE TYPE=”EXEMPLO DE SGML”
Típico exemplo de utilização de uma tag
<BOLD> este texto será negrito </BOLD>
</QUOTE>
Observe que por definição, uma tag quando aberta
deve ser ao final fechada, “<tag> </tag>”, sendo
uma das principais características de uma linguagem
de marcação.
Linguagem HTML
O HTML, sigla do inglês “Hypertext Markup
Language” é uma linguagem de marcação de
hipertexto voltada para a estruturação de documentos
que serão apresentados em um navegador de
internet (“browser”). Na prática, isto significa que a
linguagem HTML é utilizada para construir sites para
a internet. Ela serve também como base para integrar
outras tecnologias utilizadas na web.
A linguagem HTML foi criada por Tim Berners

Lee na década de 1990, baseada na
linguagem SGML, para a composição e
apresentação de documentos na web. Para
isto, o HTML utiliza elementos (tags)
agrupados por funções e mantém uma
estrutura básica para a utilização destes
elementos.
Linguagem HTML
• Os padrões adotados para os elementos em HTML:
• Em 1993 o organismo internacional “IETF” (Internet
Engineering Task Force) apresentou a primeira proposta de
padronização da linguagem. Foram definidas as regras para
as tags de imagens, tabelas, formulários e outros.
• Em 1995, o IETF, através de seu grupo de trabalho,
organizou as regras para o padrão HTML 2.0, que apesar do
nome foi o primeiro padrão oficial desta linguagem.
• Em 1996 foi estabelecido o “3WC – World Wide Web
Consortium” que orienta a padronização desta linguagem
até os dias atuais (W3 HTML).
Linguagem HTML
Observe o exemplo de trecho de código em
HTML. Os elementos/tags são descritos entre “<
>” e “</ >” e interpretados pelo navegador web
(browser):
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Título da página</title>
</head>
Conceitos e Técnicas HTML
Tema 02 – Indo Além da Linguagem
de Marcação
Bloco 2
Prof. Rogério Carlos dos Santos

LINGUAGEM XML
• A linguagem XML, sigla do inglês “Extensible
Markup Language”, é uma linguagem de
marcação baseada na linguagem SGML.
• Proporciona mais flexibilidade nos
elementos/tags utilizados para a construção
de conteúdo para web.
• O XML consegue estabelecer uma melhor
padronização entre os diversos navegadores
dos diversos sistemas operacionais utilizados
para acessar a web.
LINGUAGEM XML
Por permitir a definição de novos
elementos/tags:
• facilita a criação de novas estruturas de
documentos.
• proporciona uma maior legibilidade e
entendimento por pessoas menos
acostumadas com linguagens de marcação.
• facilita a análise de documentos XML por
programas.
LINGUAGEM XML
Nem tudo é perfeito!
Por não possuir um conjunto pré-definido de tags o XML:
• Não provê mecanismos para apresentação de dados
nem para ligação entre documentos, ou seja, não tinha
recursos de links entre as páginas, por exemplo.
• É necessário utilizar o XML juntamente com outras
linguagens, como o HTML, para resolver estes
problemas.
Desde 1998 o XML tornou-se um padrão e segue as
recomendações do 3WC.
Observe o exemplo de código em XML. Mesmo você
não tendo maiores conhecimentos na linguagem XML,
este código apresenta-se plenamente legível:
<addressBook>
<person gender="male">
<name>
<family>Wallace</family>
<given>Bob</given>
</name>
<email>bwallace@megacorp.com</email>
</person>
Fonte: <http://www.ibm.com/developerworks/xml/>.
Acesso em: 2 fev. 2016.
HTML e XHTML
HTML
• O HTML, ou “Hypertext Markup Language”,
é uma linguagem de marcação de
hipertexto voltada para a estruturação de
documentos que serão apresentados em
um navegador de internet.
• É utilizada para construir sites para a
internet e serve como base para integrar
outras tecnologias utilizadas na web.
HTML e XHTML
HTML
• Desde 1996 o 3WC orienta as especificações da
linguagem HTML, cuidando de sua padronização e
evolução para que se possa assimilar as evoluções
tecnológicas da própria web. Dessa forma, houveram
várias atualizações do HTML como o HTML 2.0, HTML
3.2, HTML 4.0 e ainda uma subversão, o HTML 4.01.
• As recomendações do HTML 4.0 foram publicadas pelo
W3C em 18 de dezembro de 1997 e revistas no HTML
4.01 em 24 de abril de 1998, em conformidade com a
norma ISO 8879.
HTML e XHTML
HTML
O W3C ainda recomendou que os navegadores de
internet e demais ferramentas de navegação
continuassem a suportar as versões anteriores
HTML 3.2 e HTML 2.0.
A linguagem HTML é utilizada até hoje e é
considerada como a base de todas as demais
tecnologias empregadas na construção de sites.
Ela também serviu de base para a criação da
linguagem XHTML e recentemente para a
linguagem HTML 5 (W3 HTML).
HTML e XHTML
XHTML
• A linguagem XHTML, do inglês “Extensible
HyperText Markup Language”, foi a
recomendação posterior ao HTML 4.01 e suas
versões anteriores dadas pelo W3C.
• Na prática, é a junção do HTML e sua
estrutura com a flexibilidade e as diversas
funcionalidades do XML, ou seja, ele combina
as tags do HTML com as regras do XML. Por
estes motivos o XHTML é considerado o
sucessor do HTML.
HTML e XHTML
XHTML
O objetivo é que o XHTML possa ser
interpretado por qualquer navegador em
qualquer dispositivo, sejam eles
microcomputadores, smartphones ou tablets,
ou outros que possam, através de seus
dispositivos, acessar a web.
HTML e XHTML
XHTML
Para que o XHTML possa suportar as tecnologias
anteriores a ele em HTML, estabeleceu-se o uso de
três tipos de “Doctype”:
Strict: não admite o uso de itens de formatação em
seus elementos e também elementos em “desuso”,
segundo as recomendações do W3C. As formatações
são feitas obrigatoriamente através do uso de Páginas
de Estilo – CSS, que também serão abordadas mais a
frente em nossa disciplina.
Transitional: opção mais flexível para o uso do XHTML, permite
a utilização de elementos em “desuso” e é indicada para
aproveitar códigos originalmente escritos em HTML, regras de
formatação embutidas em tags e a apresentação de documentos
sem o uso de CSS.
Frameset: igual ao transitional, porém permite tags específicas
para o uso de frames. Estes frames eram utilizados no início da
linguagem HTML para aninhar e apresentar páginas externas
inteiras dentro de uma página ou como uma espécie de mosaico
em que seriam encaixadas diversas páginas. Este recurso foi
descontinuado nas versões mais atuais do HTML por gerarem
diversos problemas de formatação e funcionalidades. Este
recurso está em desuso, mas pode eventualmente ser
encontrado em sites mais antigos.
HTML E XHTML
Doctype –
DTD – Document Type Definition
A estruturação das linguagens de marcação prevê a
utilização de uma DTD, sigla do inglês “Document Type
Definition” ou Definição do Tipo do Documento,
particularmente chamados também de “Doctypes” ou tipo
de documento.
Estes DTDs definem na prática qual tipo de documento
está sendo interpretado pelo navegador, tornando possível
para estes programas entenderem qual o tipo de
tecnologia usada na construção de determinado site.

Conceitos e Técnicas HTML 2

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

Conceitos e Técnicas HTML 2

Enviado por

Direitos autorais:

Formatos disponíveis

WBA0182_V1.

Prof. Rogério Carlos dos Santos

Você conhecerá sobre as linguagens utilizadas

• Para acessar estes conteúdos, são usados

Pode-se dizer que o HTML foi baseado na

Atualmente, a linguagem SGML se tornou uma

Um exemplo de uma SGML

A linguagem HTML foi criada por Tim Berners

Prof. Rogério Carlos dos Santos

Você também pode gostar