<HTML5>
<HTML5>
O que são TAGS HTML ?
Doctype HTML
Tipos de Doctype HTML
XHTML
HTML5: O que Mudou?
<O que são TAGS HTML?>
São rótulos que usamos para identificar elementos html e renderizar estes elementos no navegador.
Toda TAG tem o mesmo formato de escrita que começa com o sinal de menor para abrir "<"
e fecha com o sinal de maior precedido de uma barra para fechar "/>". Entre o sinal de "< />" inserimos o elemento (html, head, h2, p entre outros) dentro da TAG e assim temos uma TAG HTML.
Ex: <elemento>...</elemento>
<O que são TAGS HTML?>
Como toda regra tem sua exceção, aqui temos a exceção das TAGS HTML.
A exceção é que para algumas TAGS a abertura e o fechamento se dá na mesma TAG. Tais tags contém comandos que não necessitam de um conteúdo para serem processados, isto é, são tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a TAG <br />.
Ex: <hr />, <br />, <img />
<Doctype HTML>
Hoje temos várias formas de se escrever um html (
HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 Strict,
HTML5
e muitos outros). Todas estas formas são devidamente documentadas pela
W3C
e seguem os padrões que a organização pede.
Estes padrões são importantes pois criamos um consenso de como devemos escrever o código e como o mesmo deve ser
interpretado pelo navegador.
<Doctype HTML>
Uma definição assim é chamada de "
Document Type Definition
",
(Definição do Tipo de Documento) ou simplesmente
DTD
.
Ferramentas para processar documentos, tais como Web browsers, precisam saber qual é a DTD que o documento (X)HTML usa:
esta é razão porque documentos (X)HTML precisam conter logo no seu início uma declaração DTD tal como abaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Chamamos esta declaração de Doctype
<Doctype HTML>
Por que especificar um doctype? Porque ele define qual é a versão do (X)HTML que o documento está usando e esta é uma informação fundamental para que os browsers processem corretamente o documento.
Por exemplo: ao especificar o doctype, o documento estará apto a ser processado por ferramentas tais como o Validador de marcação para checar a sintaxe do seu (X)HTML (e descobrir eventuais erros que prejudicariam a correta renderização em variados browsers). Estas ferramentas não funcionam se não conhecerem o tipo de documento que estão processando.
<Doctype HTML>
Porém, o mais importante de uma declaração de doctype é que uma família considerável de browsers não ficará tentando resolver ou "adivinhar" como renderizar o código e ao contrário entrará logo em modo de parseamento "standard", no qual o entendimento (e em consequência a apresentação) do documento é não só mais rápida como também isenta de uma má apresentação ao qual estão sujeitos os documentos sem uma declaração de Doctype.
<Tipos de Doctype HTML>
Temos 3 tipos de Doctype para XHTML
- strict
- Trasitional
- Frameset
<Tipos de Doctype HTML>
Strict
<XHTML; 1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Esta é a mais rígida das declarações.
Os documentos XHTML no modo Strict não admitem qualquer item de formatação dentro dos elementos e
nem elementos em desuso "deprecated" segundo as recomendações do W3C. São indicados para
uso com folhas de estilo em cascata, com marcação totalmente independente da apresentação;
<Tipos de Doctype HTML>
Transitional
<XHTML; 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Esta declaração permite uma maior flexibilidade e é indicada para documentos que ainda utilizem elementos em desuso ("deprecated"), regras de apresentação embutidas em tags e também para documentos destinados a exibição em browsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames;
<Tipos de Doctype HTML>
Frameset
<XHTML; 1.0 Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Esta declaração permite tudo da declaração transational e mais os elementos especificos para frames.
<XHTML>
Todas as linguagens de marcação da web são baseadas em SGML, uma metalinguagem complexa, projetada para máquinas com a finalidade de servir de base para criação de outras linguagens. O SGML foi usado para criar a XML (Extensible Markup Language), também uma metalinguagem, porém bem mais simples.
Com XML você cria seus próprios elementos de marcação e atributos para escrever seu documento web. Isto significa que é você quem cria sua linguagem de marcação. XHTML foi criado dentro deste conceito e por isso é uma aplicação XML. As tags e atributos da XHTML foram criadas ("inventadas") aproveitando-se as nossas conhecidas tags e atributos da HTML 4.01 e suas regras.
<XHTML>
Conclui-se que ao usar XHTML, estamos escrevendo um código XML, onde as tags e atributos já estão definidas e isto proporciona todos os benefícios de XML sem as complicações e complexidade da SGML.
XHTML é uma linguagem de marcação bastante familiar para quem conhece HTML e a transformação de um documento existente de HTML para XHTML é uma tarefa bem simples, e sem maiores problemas de adaptação.
<XHTML>
XHTML é a sigla em inglês para
EXtensible HyperText Markup Language
que em tradução livre resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir o HTML e nada mais é do que uma HTML "pura, clara e limpa".
<XHTML>
XHTML é a sigla em inglês para
EXtensible HyperText Markup Language
que em tradução livre resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir o HTML e nada mais é do que uma HTML "pura, clara e limpa".
XHTML 1.0 é uma Recomendação do W3C e sua versão atual data de 26 de janeiro de 2000. Isto significa que trata-se de uma linguagem estável, oficialmente especificada pelo W3C, tendo sido projetada e revisada pelos seus membros e é uma "Padrão Web ".
<HTML5: O que Mudou?>
Quando o HTML4 foi lançado, o W3C alertou os desenvolvedores sobre algumas boas práticas que deveriam ser seguidas ao produzir códigos client-side. Desde este tempo, assuntos como a separação da estrutura do código com a formatação e princípios de acessibilidade foram trazidos para discussões e à atenção dos fabricantes e desenvolvedores.
Contudo, o HTML4 ainda não trazia diferencial real para a semântica do código. o HTML4 também não facilitava a manipulação dos elementos via Javascript ou CSS. Se você quisesse criar um sistema com a possibilidade de Drag’n Drop de elementos, era necessário criar um grande script, com bugs e que muitas vezes não funcionavam de acordo em todos os browsers.
<HTML5: O que Mudou?>
O surgimento do HTML5 mudou muitas coisas no mundo do desenvolvimento web, com novos elementos, novas funcionalidades e diversas outras novidades que possibilitam experiências melhores e integrações que antes eram apenas desejos e sonhos dos desenvolvedores por aí. Mesmo com algumas funcionalidades ainda em processo de definição, já podemos aproveitar diversas das novidades que o HTML5 trouxe para o mundo.
<HTML5: O que Mudou?>
Dentre as mudanças podemos dizer que:
- Escrevendo menos e fazendo mais;
- Atributos personalizados;
- Tags novas para elementos antigos;
Veremos outras mudanças no decorrer do curso. Estamos só começando :)
Pequena Introdução: HTML to HTML5
By hermanochico
