HTML5 e CSS3: Mito ou Realidade
Postado por: Pedro Rogério emO Hipertexto, criado em 1965, é a base de toda a web, tudo o que você vê na internet, sejam blocos de texto, imagens ou sons que seu acesso se dê através de links é chamado de Hipertexto.
O HTML, acrônimo para a expressão HyperText Markup Language, que significa Linguagem de marcação de Hipertexto é utilizado para a criação de páginas web. Tudo isso que você vê aqui no browser é Hipertexto. A última versão do HTML é a 4.01, que foi desenvolvida em 1999, e o XHTML 1.0, uma reformulação do HTML 4.01 baseado em XML, foi desenvolvido no ano 2000 e revisto no ano de 2002. Lá se vão cerca de 8 anos de uma tecnologia aparentemente ultrapassada.
Sim, o HTML 4 teve seu lugar ao sol, mas com a evolução da tecnologia, dos browsers, novas tecnologias precisavam nascer, e com isso surgiu o HTML5 e o XHTML2
HTML 5
Também conhecido como Web Applications 1.0, é uma tecnologia desenvolvida pelo grupo WHATWG, uma comunidade aberta formada por profissionais desenvolvedores de empresas como: Mozilla, Opera, e Apple prometem não só desenvolver uma atualização para o HTML4 e o XHTML 1 e sim uma evolução. Desenvolver utilizando HTML 5 seria muito mais fácil, pois ele é mais semântico, essa seria a proposta, mas quando os browsers terão suporte a ele? Eu já mexi meus pauzinhos e andei brincando com HTML 5, desenvolvi essa página teste em HTML 5.
Mas isso não quer dizer que você já pode sair por aí desenvolvendo seus sites em HTML 5 pois até agora nem todos os browsers tem suporte total a ele, pois é, já imaginam de quem eu estou querendo dizer não é? O Internet Explorer que não tem nem sequer suporte correto a HTML 4, sim, algumas tags do HTML 4 não funcionam corretamente no IE, ao HTML 5 então, você tem que utilizar de JavaScript para que as novas tags funcionem corretamente no Internet Explorer, aí é que encontramos a grande dificuldade de implementação dessa nova tecnologia, entenderam agora onde quero chegar? Se a Microsoft não está nem aí para seu browser, não procura desenvolver uma solução cabível para o mesmo, quando será que poderemos utilizar HTML 5 no desenvolvimento dos nossos sites?
Já existem algumas pessoas que estão utilizando, utilizando de tecnologia de ponta e nem aí para o Internet Explorer. Infelizmente ainda vivemos uma realidade que não podemos esquecer de perdermos tempo desenvolvendo para esse browser ultrapassado. Essa com certeza é a grande dificuldade, a pedra no sapato para os desenvolvedores darem um passo a frente e iniciarem um processo de desenvolvimento utilizando uma tecnologia totalmente nova.
CSS 3
E o CSS3? A especificação atual das CSS é a 2.1, está sendo desenvolvida a versão 3, que promete melhorar e muito a vida dos desenvolvedores, agora você teria a opção de desenvolver layouts multicolunas de maneira muito fácil, suporte a Webfonts, Media Queries, Ruby entre outras novidades. Quando será que poderemos utilizar definitivamente essas tecnologias? Se até agora o suporte a CSS3 pelos browsers é precário, creio que a realidade de utilização dessas tecnologias está muito longe.
E você desenvolvedor o que acha dessa realidade? Manifeste sua opinião nos comentários. O fomulário abaixo está aí pra isso.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Cross-browser Part. II
Temos de lembrar que a transição de sites feitos com tabela para tableless também foi lenta – e até hoje sofremos com o IE6. Eu espero que com o Windows7 o IE6 morra de vez, porque um dia isso vai acontecer (do mesmo jeito que outras tecnologias morreram). Só aí estaremos aptos a fazer algo legal em html5.
Como profissional de uma grande agência, eu sei que só vou usar html5, por enquanto, em projetos experimentais pessoais, mas me interessa muito. Vai ser bacana produzir coisas automaticamente semânticas.
Pedro,
Na sua página de exemplo, suas tags article não deveriam estar dentro de uma tag section?
Sua página de exemplo funcionou pra mim no Firefox, Chrome, Opera e IE 8.
E nessa semana o upgrade para IE 8 foi oferecido tanto para o Vista quanto para o XP. O que por si só não é uma super-notícia, já que muita gente não atualiza, mas também não deixa de ser um alento. Estou curioso para ver as métricas nos próximos meses.
Me interessei muito sobre os layouts multicolunas, gostaria que falasse mais sobre o assunto.
@Leonardo,
Aquela página que eu criei utilizando HTML5 é somente um experimento, como você mesmo observou, eu posso ter cometido erros que passaram despercebidos para mim, pois o HTML5 é uma tecnologia nova e não está madura o suficiente. Eu vou tirar mais conclusões sobre o assunto e depois começarei a escrever mais posts sobre isso.
Sobre layouts multicolunas com CSS3, vou ver se preparo um exemplo para mostrar aqui no blog. Abraços.
Déjà Vu 1999…
Bom, a realidade é que fica no ar quando poderemos desenvolver em HTML5 e CSS3. As expectativas são previsíveis: o que terá de tão novo? como será a compatibilidade dos browsers? Quanto tempo levará para os que não suportam desaparecerem? O tempo responderá. Como tudo na vida não são flores, uma coisa é certa: haverá pentelhações! Sobre o IE6, é aquela velha história: “coisa ruim não morre!”. Mas o dia dele chegará!
Em primeiro lugar dar os parabéns ao Pedro por este post que achei muito interessante, não é um tutorial como a maioria dos post mas sim o tema para se pensar. Minha opinião é que ainda vamos desenvolver em html5 e css3 so que vai demora muito e os problemas que temos com ie6 hj serão os que teremos amanhã por causa das novas versões, surgem novas tecnologias e novos problemas.
t+ pessoal.
Creio q por enquanto é só mito mesmo… é bacana, mas demora um tempo pro mercado absorver esse tipo de nova tecnologia. Além disso, enquanto IE 6 ainda tiver uma porcentagem grande de uso, pode esquecer.
Eu achei muito boas as propostas do 5, imagino que o pessoal começaria a dar mais atenção ao código html, que nas empresas ainda é muito desprezado. Ainda vale aquilo: “sei linguagens blah, foo e xpto…. ah! e dou uns tapas em html se precisar”.
Com as mudanças o html terá mais maturidade e vai necessitar de maiores cuidados.
Sugestão: fale mais sobre o javascript e o IE nisso tudo. Dá pra usar sempre, é confiável, compensa implementar via js? Enfim, prós e contras.
Eu testei sua página no IEtester e rolou bem legal no ie6 e 7, qual é o problema de já implementar o html5? O css3 nem cogito, só num futuro bem distante
Eu não tenho esperanças de que vou poder usar isto livremente dentro dos próximo 5 (talvez 10) anos. E só olhar para, são praticamente 7 anos e o IE6 continua aí.
Agora veja os browser que temos hoje, que oferecem praticamente nenhum suporte a estas novas tecnologias. O tempo necessário será lançarem uma nova versão dando suporte e depois o pessoal de fato começar a usar o browser (este último demora bem mais).
Por enquanto vai do jeito que tá.
Eu fikei impressionado com a simplicidade do código da página simples q vc fez.
Por um lado isso facilita muito o desenvolvimento de páginas no braço, mas por outro será q isso naum tira o poder de controle do desenvolvedor?
Hoje naum se usa mais desenvolver páginas inteiras em HTML puro, usamos PHP (infelizmente, prefiro Servlet com JSP) pra fazer cada parte do site. Ou melhor ainda, em vez de simples PHP, usamos engines como o WordPress, q monta as páginas pra gente e facilita horrores.
De handhelds eu tenho até medo. Tá certo q é uma realidade e o povo vai usar eles cada vez mais pra acessar a Web, mais eles naum podem limitar o uso tradicional.
Quanto ao IE, a minha realidade já é naum perder tempo com ele. Nos meus 2 sites eu nem dou atenção pra ele e coloco q ele naum é suportado, nas poucas vezes q abri meus sites nele o left sidebar ficava todo quebrado, e eu nem ligo. Aliás, já recebi críticas por opiniões minhas q expressei, já recebi críticas pelo meu jeito de escrever, mas nunca ninguém reclamou do layout do site. E mais de 80% dos acessos é usado IE, e eu nem ligo.
Nos ultimos meses inclusive venho dando uma boa melhorada no visual dos sites e fiz todo o desenvolvimento sem olhar o IE nem 1 vez… A gente viveu anos sofrendo com sites q só funcionavam no IE e obrigavam a gente a usar ele, e os outros browsers tinham q rebolar pra renderizar tags despadronizadas e sem nenhuma documentação.
Agora ele q se vire pra se adaptar a padrões abertos, e azar dos q insistirem em usar ele.
O HTML dos meus sites é bem enxuto e o CSS naum é complexo, naum vejo dificuldade nenhuma em renderizar. Pq vou rebolar e sair da simplicidade e do padrão? Os desenvolvedores da M$, q são muito bem pagos diga-se de passagem, q gastem o tempo ao qual são pagos pra fazerem um browser melhor.
Entem assistir ao video incluido nesse site…
http://www.dailymotion.com/openvideodemo
e esse da coraline
http://tinyvid.tv/show/3uwvr4t3wi3rm
Só quem está com o firefox 3.5 beta4 em diante pode assistir.
Morte ao IEca! õ/
Infelizmente as coisas não são como a gente deseja ou imagina, monopolismos ainda predominam por todas as partes, e não é diferente com a Internet, inclusive quando falamos da Microsoft que ainda tem ‘fôlego’ suficiente para nos fazer ‘engolir’ seus produtos obsoletos. De quem é a culpa? De nós usuários!
Olá, gostaria de uma dica e tbm saber se alguem teve mesmo problema q eu no ie apos criar um site em html 5, ex:
cria a pagina home.html fica tudo certinho no IE & FIREFOX, porem ao mudar de home.html para home.php no IE fica desalinhado tudo!
alguem poderia me ajudar?
abss.