O HTML5 praticamente substituiu o Flash, Silverlight, XHTML e outras plataformas como uma solução mais segura e versátil na web. Então, o que é HTML5 e como ele conseguiu se tornar a ferramenta de desenvolvimento da web onipresente? Hoje, veremos a linguagem de marcação mais usada da web e como ela mudou a maneira como os desenvolvedores criam sites e implementam várias funcionalidades modernas neles.
HTML5: O que é e como funciona?
Aqui, aprenderemos sobre o HTML5, suas vantagens e como ele difere do Flash, Silverlight e outras plataformas de desenvolvimento da web que já substituiu ou está prestes a fazê-lo daqui para frente. Portanto, sem mais delongas, vamos mergulhar de cabeça e aprender por que a maioria dos desenvolvedores da web prefere HTML5, quem o mantém e por que é recomendado pelo World Wide Web Consortium (W3C). Índice + -
O que é HTML5?
HTML5 é uma linguagem de programação e a mais recente iteração pública da HyperText Markup Language, ou HTML, criado em 1989 pelo inventor da World Wide Web, Sir Tim Berners Lee. Recomendado pelo WWW Consortium (W3C), é usado para estruturar e apresentar conteúdo na web e é mantido por um consórcio dos principais fornecedores de navegadores, incluindo Apple, Google, Mozilla e Microsoft. Juntos, eles formam o Grupo de Trabalho de Tecnologia de Aplicativos de Hipertexto da Web (WHATWG), que agora tem autoridade exclusiva sobre os padrões HTML e DOM (Document Object Model) depois que o W3C cedeu o controle no ano passado.
O HTML 'Living Standard' do WHATWG, que é continuamente atualizado, agora é oficial, substituindo o padrão estático baseado em instantâneos propagado pelo W3C anteriormente. Os dois sempre estiveram em conflito um com o outro, principalmente sobre o conteúdo permitido do elemento, que foi a principal fonte de contenção entre as duas organizações, com a definição W3C permitindo uma gama mais ampla de usos do que a definição WHATWG. No entanto, eles têm trabalhado juntos nos últimos anos para desenvolver um padrão HTML5 unificado em toda a web.
Como funciona o HTML5?
HTML5 inclui todos os três componentes básicos de design da web - HTML, CSS e JavaScript. Enquanto o HTML é usado para criar texto em uma página da web, CSS é usado para definir o estilo e indicar como os elementos em uma página da web serão apresentados. Quanto ao JavaScript, ele é responsável pela atividade e ação do usuário em uma página da web. Usando esses elementos, os desenvolvedores podem criar páginas da Web responsivas que podem reorganizar automaticamente todos os elementos para caber na tela de desktops, laptops e celulares, independentemente de seu tamanho, resolução e proporção de aspecto.
Quais tecnologias substituíram?
O HTML5 foi lançado pela primeira vez de forma pública em 2008, com uma grande atualização em outubro de 2014. Pretendia-se substituir não apenas o HTML4 (originalmente padronizado em 1997), mas também o XHTML 1 e o DOM Nível 2 HTML. No entanto, devido à sua versatilidade e facilidade de desenvolvimento, o W3C, que estava desenvolvendo o XHTML 2.0 como plataforma concorrente, parou de trabalhar nele e recomendou o HTML5 como o futuro do desenvolvimento web.
Do lado do usuário, a maior mudança do HTML4 é que não precisamos mais de plug-ins como Adobe Flash ou Microsoft Silverlight para reproduzir vídeos em diferentes sites. Lembra-se de como, há uma década, você era frequentemente solicitado a 'Atualizar o Flash' (ou Silverlight) enquanto tentava reproduzir vídeos online? Quando foi a última vez que você viu um aviso assim? E quando foi a última vez que você precisou atualizar o Java em seu computador? Provavelmente, você não viu essas mensagens nos últimos cinco anos.
Se ainda estiver vendo essas solicitações, você precisa parar de visitar esses sites porque são sites antigos e desatualizados que representam um risco à segurança ou são sites falsos executados por golpistas que tentam instalar malware em seu sistema. Em setembro de 2020, menos de 0,035% dos sites usavam Silverlight, 2,5% usavam Adobe Flash e menos de 0,017% usavam Java, tornando-os praticamente redundantes na web moderna construída em torno de HTML5.
Quais são as vantagens do HTML5?
Existem muitos motivos pelos quais o HTML5 se tornou a plataforma de desenvolvimento web preferida. Não só é mais fácil codificar do que outras linguagens de marcação, mas também inclui recursos de multimídia ricos integrados que garantem que nenhum outro software ou plug-in de navegador seja necessário para projetar um site completo a partir do zero. A tecnologia permite que os web designers desenvolvam todos os tipos de aplicativos, animações e outros recursos multimídia executados em um navegador.
Outro grande motivo para a adoção do HTML5 é o fato de não ser proprietário, o que significa que você não precisa pagar royalties para usá-lo. Também é um tecnologia independente de plataforma que pode ser usado para renderizar sites em PCs com Windows, máquinas Linux, MacBooks, Android, iPhones, TVs inteligentes e muito mais. Tudo que você precisa de um agente de usuário compatível (qualquer um dos navegadores modernos populares), e você pode ter acesso a todos os recursos disponíveis na web na ponta dos dedos.
Além do mais, o HTML5 também permite que os desenvolvedores usem recursos avançados, como GPS, câmera e acelerômetro em seus aplicativos da web, tornando-o mais adequado para a era atual de 'dispositivos móveis'. Também tornou mais fácil adicionar fóruns de discussão, ferramentas de arrastar e soltar, plataformas de bate-papo e uma série de outros elementos em sites.
Outra grande vantagem do HTML5 é que ele permite aos desenvolvedores portar facilmente aplicativos para dispositivos móveis. Agora que cada navegador vem com suporte nativo para o padrão, ele também substituiu amplamente as plataformas legadas como Flash e Silverlight, melhorando assim a segurança e oferecendo uma experiência de navegação perfeita.
Quais são as desvantagens do HTML5?
Apesar de sua quase onipresença, o HTML5 vem com seu próprio conjunto de problemas que incomodam tanto os programadores quanto os usuários finais. O principal entre eles é o falta de um formato de vídeo HTML5 padrão, mas também existem outras questões que continuam a ser um problema no que, de outra forma, é a plataforma de desenvolvimento da web mais confiável, segura e rica em recursos. Aqui estão algumas das desvantagens do HTML5:
1. Sem suporte de vídeo padrão para todos os navegadores
Um dos principais problemas com HTML5 é a confusão em relação ao suporte do formato de vídeo para diferentes navegadores. Mesmo que todos os navegadores modernos incorporem suporte a HTML5 há vários anos, nem todo mundo suporta todos os formatos de vídeo HTML5. Freqüentemente, há confusão sobre qual navegador suporta qual formato de vídeo, porque isso depende não apenas do agente do usuário, mas também da plataforma (Windows, Android, Linux, etc).
Entre os principais formatos, O H.264 se tornou o padrão de fato, com todos os navegadores suportando-o em todas as plataformas. Ogg Theora também é compatível com todos os navegadores em todas as plataformas, exceto Safari no iOS, enquanto VP8 / WebM também é compatível com todos, embora o Safari exija instalação manual. Também há um problema semelhante com o áudio, embora WAV (PCM) e MP3 (MPEG) sejam suportados por todos os principais navegadores.
2. HTML5 'Padrão de vida' está sempre evoluindo
Também não ajuda que o 'Padrão de vida'torna o HTML um alvo móvel para os desenvolvedores da web que muitas vezes têm que questionar sobre o suporte para novos recursos. Embora alguns considerem as atualizações contínuas uma vantagem, mudanças inesperadas no padrão podem tornar os elementos de um site inúteis até que o administrador emita uma correção. Na realidade, isso raramente acontece com sites atualizados, mas ainda é um problema que mantém os web designers em tenterhooks.
3. Jogos com JavaScript
Outro grande obstáculo é o suporte a jogos porque a única linguagem de script compatível com HTML5, JavaScript é uma plataforma menos do que ideal para uma experiência de jogo forte. Espaços de nomes personalizados, acesso de membros, interfaces e herança têm problemas em JavaScript, forçando os desenvolvedores a procurar soluções alternativas. Dito isso, os desenvolvedores de jogos ainda mudaram do Flash para o HTML5 por causa do suporte contínuo de plataforma cruzada em todos os agentes de usuário.
Suporte para navegador HTML5
Conforme mencionado anteriormente, todos os navegadores modernos, incluindo Edge, Firefox, Chrome, Safari e Opera, suportam pelo menos alguns elementos de HTML5 em todas as plataformas. No entanto, seu suporte para o padrão não se manifesta de forma idêntica. Como regra geral, o Firefox suporta a mais ampla gama de recursos HTML5, com o Chrome seguindo de perto.
Aqui está uma lista (não exaustiva) dos navegadores que suportam HTML5:
- Microsoft borda
- Mozilla Firefox
- Google Chrome
- Apple Safari
- Ópera
- Opera Mobile
- Navegador Android
- Cromo
- Konqueror
- GNOME Web
Você pode verificar CanIuse.com para uma divisão detalhada do que é compatível com cada versão de qual navegador e em qual plataforma.
HTML5: O Presente e o Futuro do Desenvolvimento Web
O HTML5 melhora a forma como a web funciona, tornando mais fácil para os desenvolvedores criarem ótimos sites e para os usuários experimentarem essas criações, independentemente do dispositivo de escolha ou do navegador que estão usando. É a maior e mais popular plataforma de desenvolvimento web e, com seus padrões em constante evolução que incorporam novos recursos e funcionalidades, é provável que continue assim em um futuro previsível.