Tim Berners-Lee inventou a World Wide Web e a linguagem HTML em 1989 e 1991, respectivamente. A especificação HTML evoluiu ao longo dos anos, com novas versões lançadas pelo W3C. O HTML5 simplificou a estrutura básica da linguagem e introduziu novos elementos para publicação de conteúdo na web.
Tim Berners-Lee inventou a World Wide Web e a linguagem HTML em 1989 e 1991, respectivamente. A especificação HTML evoluiu ao longo dos anos, com novas versões lançadas pelo W3C. O HTML5 simplificou a estrutura básica da linguagem e introduziu novos elementos para publicação de conteúdo na web.
Tim Berners-Lee inventou a World Wide Web e a linguagem HTML em 1989 e 1991, respectivamente. A especificação HTML evoluiu ao longo dos anos, com novas versões lançadas pelo W3C. O HTML5 simplificou a estrutura básica da linguagem e introduziu novos elementos para publicação de conteúdo na web.
Tim Berners-Lee inventou a World Wide Web e a linguagem HTML em 1989 e 1991, respectivamente. A especificação HTML evoluiu ao longo dos anos, com novas versões lançadas pelo W3C. O HTML5 simplificou a estrutura básica da linguagem e introduziu novos elementos para publicação de conteúdo na web.
Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
Fazer download em pptx, pdf ou txt
Você está na página 1/ 18
HTML
História WWW (WORLD WIDE WEB)? WWW consiste numa Biblioteca Eletrônica em escala mundial , com documentos na forma de hipertexto. Padrão esses documentos possuem informações digitalizadas com referências a outras informações em bases espalhadas pelo mundo. HISTÓRIA Tim Berners-Lee invented www 1989 Tim Berners-Lee invented HTML 1991
Dave Raggett drafted HTML+ 1993
HTML Working Group defined HTML 2.0 1995
W3C Recommended HTML 3.2 1997
W3C Recommended HTML 4.01 1999
W3C Recommended XHTML 1.0 2000
HTML5 WHATWG First Public Draft 2008
HTML5 WHATWG Living Standard 2012
HTML5 W3C Final Recommendation 2014
Tim Berners-Lee inventou a "World Wide Web", em 1989, e a Internet decolou na década de 1990. De 1991 a 1998, HTML desenvolvido a partir da versão 1 para a versão 4. Em 2000, o World Wide Web Consortium (W3C) recomenda XHTML 1.0. A sintaxe XHTML era rigoroso, e os desenvolvedores foram forçados a escrever válido e código "bem formado". Em 2004, o WHATWG (Web Hypertext Application Technology Group Trabalho) surgiu em junho de 20041 com o intuito de acelerar o lento avanço dos padrões da Web, também é responsável por mantê-los atualizados, de forma que todos os usuários possam navegar independente das suas necessidades especiais ou browser utilizado. O W3C possui diversos comitês que estudam as tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar essas tecnologias. Com a padronização, os programas conseguem acessar facilmente os códigos e entender onde deve ser aplicado cada conhecimento expresso no documento. HTML é uma abreviação de Hypertext Markup Language - Linguagem de Marcação de Hypertexto. Resumindo em uma frase: o HTML é uma linguagem para publicação de conteúdo (texto, imagem, vídeo, áudio e etc) na Web. O HTML é baseado no conceito de Hipertexto. Hipertexto são conjuntos de elementos – ou nós – ligados por conexões. Estes elementos podem ser palavras, imagens, vídeos, áudio, documentos etc. Estes elementos conectados formam uma grande rede de informação. Eles não estão conectados linearmente como se fossem textos de um livro, onde um assunto é ligado ao outro seguidamente. A conexão feita em um hipertexto é algo imprevisto que permite a comunicação de dados, organizando conhecimentos e guardando informações relacionadas. Para distribuir informação de uma maneira global, é necessário haver uma linguagem que seja entendida universalmente por diversos meios de acesso. O HTML se propõe a ser esta linguagem. Desenvolvido originalmente por Tim Berners-Lee o HTML ganhou popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen na década de 1990 - ganhou força. A partir daí, desenvolvedores e fabricantes de browsers utilizaram o HTML como base, compartilhando as mesmas convenções . HTML 5 VISÃO GERAL DO HTML5 De acordo com o W3C a Web é baseada em 3 pilares: •Um esquema de nomes para localização de fontes de informação na Web, esse esquema chama-se Url(Uniform Resource Locator). • Um Protocolo de acesso para acessar estas fontes, hoje o HTTP. • Uma linguagem de Hypertexto, para a fácil navegação entre as fontes de informação: o HTML. Vamos nos focar no terceiro pilar, o HTML. DIFERENÇA EM HTML E HTML5 Quando se começa um documento HTML, a primeira coisa com a qual nos deparamos é a declaração DOCTYPE. Analise a que usamos nos documentos atuais:
<html PUBLIC “-//W3C//
DTD XHTML 1.0 Transitional//EN” “http:// www.w3.org/TR/xhtml1> NA VERSÃO 5, BASTA APENAS COLOCAR:
<!DOCTYPE html>
E já está feita a sua declaração DOCTYPE. Legal, não?
Em geral, o inicio de um documento HTML 5 ficou muito simplificado, facilitando a nossa vida e não precisando decorar tudo aquilo que as versões anteriores pedem. Exemplo:
A estrutura básica do HTML5 continua sendo a mesma das versões
anteriores da linguagem, há apenas uma excessão na escrita do Doctype. Segue abaixo como a estrutura básica pode ser seguida: Arquivo: exemplos/3/estruturabasica.html
<!DOCTYPE html> <html lang=”pt-br”> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head>
<body> Content of the document...... </body> </html> O Doctype O Doctype deve ser a primeira linha de código do documento antes da tag HTML. O Doctype indica para o navegador e para outros meios qual a especificação de código utilizar. Em versões anteriores, era necessário referenciar o DTD diretamente no código do Doctype. Com o HTML5, a referência por qual DTD utilizar é responsabilidade do Browser. O Doctype não é uma tag do HTML, mas uma instrução para que o browser tenha informações sobre qual versão de código a marcação foi escrita. O ELEMENTO HTML
O código HTML é uma série de elementos em árvore
onde alguns elementos são filhos de outros e assim por diante. O elemento principal dessa grande árvore é sempre a tag HTML. lang=”pt-br” O atributo LANG é necessário para que os user-agents saibam qual a linguagem principal do documento. Lembre-se que o atributo LANG não é restrito ao elemento HTML, ele pode ser utilizado em qualquer outro elemento para indicar o idioma do texto representado HEAD
A Tag HEAD é onde fica toda a parte inteligente da
página. No HEAD ficam os metadados. Metadados são informações sobre a página e o conteúdo ali publicado. <meta charset="UTF-8"> No nosso exemplo há uma metatag responsável por chavear qual tabela de caractéres a página está utilizando. Nas versões anteriores ao HTML5, essa tag era escrita da forma abaixo:
html; charset = utf-8" > Essa forma antiga será também suportada no HTML5. Contudo, é melhor que você utilize a nova forma. A Web é acessada por pessoas do mundo inteiro. Ter um sistema ou um site que limite o acesso e pessoas de outros países é algo que vai contra a tradição e os ideais da internet. Por isso, foi criado uma tabela que suprisse essas necessidades, essa tabela se chama Unicode. A tabela Unicode suporta algo em torno de um milhão de caracteres. Ao invés de cada região ter sua tabela de caracteres, é muito mais sensato haver uma tabela padrão com o maior número de caracteres possí- vel. Atualmente a maioria dos sistemas e browsers utilizados por usuários suportam plenamente Unicode TAG LINK
Há dois tipos de links no HTML: a tag A, que são links que
levam o usuário para outros documentos e a tag LINK, que são links para fontes externas que serão usadas no documento. No nosso exemplo há uma tag LINK que importa o CSS para nossa página: < link rel = "stylesheet" tipo = "text / css" href = "default.css" />
O atributo rel=”stylesheet” indica que aquele link é relativo a
importação de um arquivo referente a folhas de estilo. Há outros valores para o atributo REL, como por exemplo o ALTERNATE:
<link rel = "alternate" type = "application / atom + xml" href =
