Anotações - HTML5

Página 1

Visão Geral do HTML

3 Pilares

1 - Um esquema de nomes para localização de fontes de informações na web, esse esquema chama-se URL.

2 - Um Protocolo de acesso para acessa estas fontes, hjoje o HTTP.

3- Uma linguagem de Hipertexto, para a fácil navegação entre as fontes de informação: o HTML.

Isso é de acordo com o W3C.

"Sigla para WWW - Word Wide Web."

Abreviação de HTML - "Hypertext Markup Language - 'Linguagem de Marcação de Hypertexto.'""

Resumo do que é HTML: é uma linguagem para publicação de conteudo (texto, imagem, video, audio e etc) na Web.

Conceito de HTML - É baseado no conceito de Hipertexto. - Hipertexto são conjuntos de elementos - ou nós - ligados por conecções. Estes elementos formam uma grande rede informação.

"O HTML se propõe a ser uma linguagem universal - Isso quer dizer que: para distribuir informação de uma maneira global, é necessário haver uma linguagem que seja entendida universalmente por diversos meios de acesso"

Desenvolvedor original do HTML - Tim Berners-Lee

----------

(Breve informação do que é WEB - História - "É o nome pelo qual a rede mundial de computadores internet se tornou conhecida no ano de 1991, quando se popularizou devido a criação de uma interface grafica que facilitou o acesso ao publico em geral"

Conceito de Web - Significa um sistema de informações ligadas através de hipermidias que permitem ao usuário acessar uma infinidade de texto, video, som entre outros conteudos.)

-----------

O começo e a interoperabilidade

Obs: (Interoperabilidade é a capacidade de um sistema (informatizado ou não) de se comunicar de forma transparente (ou o mais próximo disso) com outro sistema (semelhante ou não).

Entre 1993 e 1995, o HTML ganhou as versões: HTML+, HTML 2.0 E HTML 3.0.

Lembrando que nessas versões até aqui lançadas não era tratado como um padrão.

Somente em 1997 com a versão 3.2 da linguagem começou então a ser tratada como pratica comum.

Responsáveis: Grupo de Trabalho W3C - Responsavel por manter o padrão do codigo.

Outras informações uteis:

Desde o começo o HTML foi criado para ser uma linguagem independente de plataformas, browsers e outros meios de acessos. Oque isso quer dizer: Interoperabilidade significa menos custo. Você cria apenas um código HTML este codigo pode ser lido por diversos meios, ao invés de versões diferentes para diversos dispositivos.

Por esse simples motivos - o HTML não se tornou uma base proprietária, com formatos incompatíveis e limitada.

Resumindo: O HTML foi desenvolvido para que fosse acessivel a todos dispositivos não importando o tamanho da tela, resolução, variação de cor etc. O HTML deve ser intendido Universalmente.

------ WHAT Working Group

Enquanto o W3C focava suas atenções para a criação da segunda versão do XHTML, um grupo

chamado Web Hypertext Application Technology Working Group ou WHATWG trabalhava em

uma versão do HTML que trazia mais flexibilidade para a produção de websites e sistemas baseados

na web.

O WHATWG - foi fundado por desenvolvedores de empresas como Mozila, Apple e Opera em 2004. Simplismente eles não estavam felizes com o caminho que a Web tomava e nem com o rumo dado ao XHTML. Por isso estas organizações se juntaram para escrever o que seria chamado hoje de HTML5.

Foco do WHATWG era o Web Forms 2.0 que foi incluido no HTML5 e o Web Controls 1.0 que foi abandonado por enquanto.

Obs:

Em 2016, o trabalho do WHATWG passou ser conhecido pelo mundo e principalmente

pelo W3C - que até então trabalhavam separadamente - que reconheceu todo o trabalho do grupo.

Em Outubro de 2006, Tim Berners-Lee anunciou que trabalharia juntamente com o WHATWG na

produção do HTML5 em detrimento do XHTML 2. Contudo o XHTML continuaria sendo mantido

paralelamente de acordo comas mudanças causadas no HTML. O grupo que estava cuidando

especificamente do XHTML 2 foi descontinuado em 2009.

_____________________________________________________________________________

Cada browser utiliza um motor de renderização que é responsável pelo processamento do

código da página.

Lista dos Principais Browsers e seus motores:

Motor - Browser

Webkit - Safari, Google Chrome

Gecko - Firefox, Mozilla, Camino

Trident - Internet Explorer 4 ao 9

Presto - Opera 7 ao 10

É interessante que você faça código compatível com estes motores. Focando a compatibilidade nos

motores de renderização você atingirá uma amplitude maior de browsers.

Abaixo segue uma tabela simples de compatibilidade entre os browsers e alguns módulos do

HTML5:

Página 2

Pagina 2

Utilizando detecção de compatibilidade e verificação de Suporte da maioria das características do HTML5 E CSS3.

-------------------------------------------------------------------------------------------------------------

if (Modernizr.geolocation) {

// Aceita a feature

} else {

// Não aceita a feature testada.

}

-------------------------------------------------------------------------------------------------------------

Obs: Incluir no Head do documento. se o Browser suportar retornara true.

https://modernizr.com/

ESTRUTURA BÁSICA, DOCTYPE E

CHARSETS.

- 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.

LINKS

< link rel=”stylesheet” type=”text/css” href=”estilo.css” > - São Links para buscar arquivos para nossa pagina - exemplo buscar arquivo padrão de CSS.