Oi. Hoje vamos falar sobre HTML5. Especificamente o que é, e por que não estamos aprendendo HTML1. Então, o que é HTML? HTML significa linguagem de marcação de hipertexto. Linguagens de marcação são realmente muito comuns. Eles não são o mesmo que linguagens de programação, em vez disso, são linguagens especiais que usam tags para anotar ou marcar documentos. Em HTML, as tags indicam aos navegadores onde você deseja colocar cabeçalhos , imagens, listas, links, etc. Um arquivo.HTML é um tipo especial de arquivo. Você já viu extensões de arquivo especiais antes. Sempre que abrir um ficheiro que tenha um .doc, o computador sabe que o deve abrir no Microsoft Word. Se você vir um arquivo com .ppt seu computador sabe, oh isso é um arquivo Power Point, eu devo abri-lo em Power Point. Da mesma forma, quando o computador vê o arquivo.html, ele sabe que ele deve abri-lo em um navegador de internet como Chrome, Firefox ou Safari. Seu navegador pode ler este arquivo e sabe como exibi-lo na tela. É mais do que isso, tags de arquivo HTML também permitem que leitores de tela e outros dispositivos assistidos utilizem as tags para apresentar as informações de maneiras novas e especiais. Portanto, HTML é muito semelhante ao inglês, você pode entendê-lo mesmo que você não saiba muito sobre ele. Vejamos este exemplo de arquivo HTML aqui. A maior parte é apenas uma língua típica do inglês. Este é um título importante ou oi lá. Vou incluir um link para a página do curso. Mas se você olhar de perto, você pode ver que nós adicionamos essas pequenas marcas minúsculas que o navegador usa isso para saber como representar o material. Então, h1 é apenas a etiqueta de cabeçalho. Ele diz para o navegador, hey isso é algo realmente importante. Eu quero que você coloque em uma fonte maior, e também se alguém está usando um dispositivo assistido, eu quero que eles saibam se isso é algo importante. H2 também exibe algum tipo de importância, mas não tanto. Eu tenho uma tag p para um parágrafo, e eu tenho outra tag aqui em baixo chamado e tag âncora. Para que o navegador saiba, eu não quero que você apenas mostre esse material, eu quero que você realmente o vincule a uma página web diferente. Então aqui está a saída quando qualquer navegador olharia para o nosso código. No começo, aprender HTML é principalmente aprender todas as tags diferentes que mostrei nesse arquivo. Isso é chamado de aprender a sintaxe. É como você aprende quais colchetes usar, barras invertidas e coisas diferentes como essa. Você passa a maior parte do seu tempo pensando, oh, eu me lembrei dessa etiqueta e eu escrevi da maneira certa? Isso é muito curta. Em apenas um pouco de tempo, você vai ganhar a confiança para não se preocupar com sua sintaxe e, em vez disso, estar pensando sobre a semântica ou o significado por trás das tags. Quão importante é essa informação que estou tentando passar, e essa é a tag certa a ser usada? Se alguém está pesquisando minha página, ele pode encontrar o que está procurando? Mesmo que eles não possam ver o texto, eles podem usar as tags para navegar através dele? Então, o que aconteceu com HTML1? Por que estamos usando algo chamado HTML5? Bem, vamos falar sobre os primeiros anos. HTML foi criado em 1990 como uma forma de conectar eletronicamente diferentes documentos através de hiperlinks. Daí, essa ideia de uma teia de conexões. O que estava acontecendo, é que os cientistas estavam usando a Internet para listar seus diferentes trabalhos de pesquisa, e você teria uma longa lista, cada um deles independente do outro. Mas, HTML, deu-lhe maneiras que você poderia ler um artigo, e diretamente dentro do texto, link para outro papel de física emocionante. Porque o público do HTML tendia a ser pessoas como meu pai lá em cima no canto, eles eram físicos nucleares, eles não se importavam com coisas como cores, imagens, ou qualquer coisa que não fosse relacionada à ciência, e essa era a chave. HTML foi destinado a funcionar em qualquer plataforma. E para fazer isso você realmente tinha que evitar coisas como fontes especiais ou cores diferentes ou qualquer coisa que fosse mais sobre layout do que conteúdo. No entanto, em 1993 Mosaic surgiu como o primeiro navegador gráfico. E o que isso significa é que houve um primeiro navegador para realmente introduzir a idéia de imagens e quando isso aconteceu, houve muito debate entre a comunidade de pesquisa sobre se isso era ou não uma coisa boa. Os pioneiros realmente queriam manter o conteúdo simples baseado, permitir que todos acessassem. Mas os inovadores diziam que não. As pessoas gostam de fotos, gostam de layout. Eles gostam disso mesmo tanto quanto gostam do conteúdo. Portanto, há uma grande batalha entre a forma como a Internet deve evoluir a partir desse ponto. Então, depois que Mosaic surgiu, o uso da Internet simplesmente explodiu, e mais e mais pessoas estavam usando para meios comerciais, em vez de apenas para fazer pesquisa. Mosaic tinha desafiantes, porém, na forma de Netscape, Internet Explorer e outros navegadores. Este foi o início do que chamamos de “guerra dos navegadores”. Cada um desses navegadores decidiu que eles queriam criar essas tags proprietárias, tags que só funcionariam em seu navegador. Alguns dos exemplos foram a marca de seleção, onde você poderia ter texto de rolagem, ou piscar que só funcionaria em alguns dos navegadores e não em outros. Outras tags eram proprietárias, eles realmente trabalharam em qualquer navegador, mas eles foram contra o espírito original do HTML. Eles eram tags como fonte ou centro, para centralizar seu texto ou cor de fundo. Isso pode não parecer uma coisa ruim, mas alguns computadores não tinham acesso, não tinham a capacidade de ter todas as cores diferentes que outros computadores poderiam ter. E isso levou a algumas páginas muito feias. Isso também levou à origem do que chamamos de melhor visto nas mensagens. Quando você foi a um site, você quase imediatamente disse em qual navegador você realmente deveria visualizar o site. Caso contrário, você não iria ter a melhor experiência. Todos nós, de certa forma, sofrem de guerras de navegador, ou melhor visto em imagens hoje. Muitas vezes, ao acessar uma página, você verá que não pode acessar o conteúdo completo se estiver no telefone, a menos que clique em um link para o site completo. Então, como é que isto aconteceu? Como chegamos ao ponto em que diferentes navegadores não estavam concordando com os diferentes papéis que HTML deveria desempenhar? Isso volta à idéia de que ninguém executa a Internet ou a Web. No entanto, alguns grupos assumiram um papel mais proativo para tentar ajudar a padronizar o que está acontecendo lá fora. A primeira é a Internet Engineering Task Force, eles realmente se concentram na idéia de como as diferentes redes devem colaborar e como devem trabalhar juntas. O World Wide Web Consortium, em vez disso, lida com HTML e a evolução do HTML, eles querem saber que tipos de tags os navegadores devem e não devem suportar. Finalmente, um dos grupos mais recentes, The Web Accessibility Initiative, eles querem ter certeza, que não importa como as pessoas estão acessando a web, eles têm a mesma capacidade de visualizar o conteúdo. Tivemos essa evolução de navegadores que temos falado. De 1990 a 1994 era tudo muito simples, baseado em texto. Em 93, falamos sobre como as imagens entraram na cena, e praticamente explodiram a Internet. A compatibilidade entre navegadores fez muitas das páginas da web simplesmente desmoronar e levou a código incrivelmente feio. No início de 2000, os navegadores voltaram a essa ideia de separar o conteúdo do estilo. E em 2005 tornou-se prática padrão usar arquivos HTML, sobre os quais estamos aprendendo neste curso, para criar o conteúdo e arquivos CSS para estilizá-lo. Assim como os navegadores evoluíram, o HTML também. A maneira como ele tende a funcionar na maioria dos sinais de computador e campos de tecnologia é que são os codificadores e os desenvolvedores que empurram os padrões. Então, como os programadores aprenderam que há mais e mais coisas que eles queriam a capacidade de fazer, é o trabalho dos navegadores para acompanhar. Então, onde estamos agora? HTML5 é uma cooperação entre o W3C e o Web Hypertext Application Technology Working Group, e o que eles fizeram foi estabelecer essas quatro diretrizes para como HTML5 deve ser abordado como navegadores vão apoiá-lo. A primeira idéia é que novos recursos devem ser baseados em HTML, CSS que é a linguagem de sinais, o DOM e JavaScript. Nada mais. Eles querem reduzir a necessidade de plug-ins externos, é muito frustrante quando você está em um navegador e você descobre que você não pode assistir o vídeo que alguém postou. Eles também querem mover para que a marcação para cima, ou a linguagem de marcação pode substituir o script. Se você achar que mais e mais desenvolvedores estão escrevendo código para fazer algo acontecer, se livrar do código e apenas fazer uma tag simples que pode fazê-lo em vez disso. E, finalmente, HTML5 deve ser independente do dispositivo. Não importa se você está em seu telefone, seu laptop, um PC ou mesmo em um leitor de tela. Você quer que todos tenham o mesmo acesso à informação. Então, quando você pensar sobre este vídeo, há certas lições que eu realmente espero ficar com você. A primeira é a idéia de que HTML não é uma linguagem de programação, mas sim uma maneira que os navegadores podem traduzir documentos em páginas web visíveis. HTML foi destinado a facilitar muitos tipos de conteúdo diferentes. Imagens, imagens, links, listas. Cada coisa ao longo dessa linha. O que encontramos pensou na história da Internet, é que quando os designers querem fazer algo Eles tendem a escrever código fora do padrão para forçar os navegadores a fazê-lo. Então, é por isso que estamos desenvolvendo novos padrões em HTML5 para lidar com esses novos requisitos que as pessoas desejam e empurrar os navegadores para adotar os novos padrões.