• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

the_street_racer

HTML 5

28 mensagens neste tópico

Bem... o HTML 5 está mesmo à porta, e estive a testar já alguns sites escritos em HTML 5 e prova mais uma vez que o Mozilla Firefox está sempre actualizado!

Novidades do HTML 5:

  • Nova entrada atributos - data e hora, e-mail, url
    Novos atributos - ping, charset, async
    Atributos globais (que pode ser aplicado para cada elemento) - id, tabindex, repeat
    Elementos removidos - center, font, strike
    Nova lista de regras flexíveis, para compatibilidade
    Novos elementos – section, video, progress, nav, meter, time, aside, canvas

Além disto tudo o HTML 5 vai conter API's:

  • Desenho 2D
    Vídeo
    Armazenamento
    Off-line
    Edição
    Drag and drop
    Mensagens / Redes

E já existem sites escritos em HTML 5!

Exemplo:

Basta ir ao site http://qa-dev.w3.org/wmvs/HEAD/ para validar o site segundo a versão de HTML

Por exemplo este site: http://simon.html5.org/sandbox/html/w3c-home-in-html5 está validado como HTML 5 valid-html5.png

w3chtml5oh1.jpg

Agora vamos abrir no Mozilla Firefox 3.01:

O aspecto do site (e o aspecto correcto)

html5mfirefoxof4.jpg

Agora vamos ver no Windows Internet Explorer 7:

width=750 height=564http://img364.imageshack.us/img364/9397/html5iexplorerds0.jpg[/img]

Ou seja podemos concluir que o Windows Internet Explorer 7 está TOTALMENTE errado!

EDIT: Adicionado o Google Chrome, acontecendo o mesmo erro:

width=750 height=609http://img392.imageshack.us/img392/8793/html5gchromeom5.jpg[/img]

EDIT: Adicionado o Opera 9.52, já com suporte ao HTML 5 e apresentando o site correctamente:

"Added support for the HTML5" http://www.opera.com/docs/changelogs/windows/950/

width=750 height=562http://www.hdd.pt//images/1101516092.png[/img]

EDIT: Adicionado o Safari 3.1.2, contendo o mesmo erro:

width=750 height=550http://img159.imageshack.us/img159/3677/html5safariiy3.jpg[/img]

Para "aqueles" (para não dizer outra coisa) que ainda usam o Windows Internet Explorer, acho que querem navegar na Internet correctamente, acho que já deviam de mudar para o Mozilla Firefox "ontem", com mais um motivo! Além de outros mais motivos...

Está mais que visto que a Microsoft não respeita os padrões Internacionais.

Para mais informações sobre o HTML 5:

Wikipédia: http://en.wikipedia.org/wiki/HTML_5

W3C: http://www.w3.org/html/wg/html5/

Diferenças entre o HTML 4 - 5: http://www.w3.org/html/wg/html5/diff/

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas,

A Microsoft não só não respeita os standards como cria os seus próprios standards, como o anuncio que tinham feito sobre o IE8 (se não me engano) em que iam criar o CSS 2.x em vez de aplicarem o CSS 3.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Aqui no opera também aparece tudo bem.

O standard já está pronto?

O HTML 5 ainda está em desenvolvimento...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Algumas?! Praticamente nada... em 100 funcionalidades do CSS 3, o IE8 suporta 5 ou 6...

O problema não fica só na compatibilidade. Ainda existe a forma como interpretam os standards, que também varia ..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se não me engano, o CSS3 ainda é um draft, por isso é normal que o IE8 ainda não suporte grande parte das suas funcionalidades. E penso que o mesmo se passa com o HTML5.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se não me engano, o CSS3 ainda é um draft, por isso é normal que o IE8 ainda não suporte grande parte das suas funcionalidades. E penso que o mesmo se passa com o HTML5.

Dai a minha pergunta...

Se ainda está em desenvolvimento não podemos criticar o IE por não o suportar (tanto o CSS3 como o HTML5).

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Dai a minha pergunta...

Se ainda está em desenvolvimento não podemos criticar o IE por não o suportar (tanto o CSS3 como o HTML5).

E não é só o IE que está mal... O Google Chrome também está mal. Apesar de ter um pequeno desconto de estar em desenvolvimento há muito pouco tempo, mas ja tem algumas melhorias em relação ao IE, ja tem a imagem correctamente centrada e texto formatado correctamente. Eu pessoalmente estas pequenas coisas é que determinam qual browser escolher para "navegar" correctamente.

Google Chrome:

html5gchromeom5.jpg

PS: Já agora quem usar o Opera postem aqui um link da imagem do aspecto deste site http://simon.html5.org/sandbox/html/w3c-home-in-html5

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

E não é só o IE que está mal... O Google Chrome também está mal. Apesar de ter um pequeno desconto de estar em desenvolvimento há muito pouco tempo, mas ja tem algumas melhorias em relação ao IE, ja tem a imagem correctamente centrada e texto formatado correctamente. Eu pessoalmente estas pequenas coisas é que determinam qual browser escolher para "navegar" correctamente.

Não foi o google que fez o (fds, não sei o nome, aquilo que desenha a página), ele usa o WebKit. E provavelmente a página não está bem renderisada porque ele não está a usar a ultima versão deste.

Alguem que faça o teste no Safari (MAC), acho que este usa a ultima versão do WebKit.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não foi o google que fez o (fds, não sei o nome, aquilo que desenha a página), ele usa o WebKit. E provavelmente a página não está bem renderisada porque ele não está a usar a ultima versão deste.

Eu chamo-lhe motor de renderização ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu chamo-lhe motor de renderização ;)

Nem mais :D, tinha a palavra debaixo da língua, mas ela não queria sair :D
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não foi o google que fez o (fds, não sei o nome, aquilo que desenha a página), ele usa o WebKit. E provavelmente a página não está bem renderisada porque ele não está a usar a ultima versão deste.

Alguem que faça o teste no Safari (MAC), acho que este usa a ultima versão do WebKit.

Eu estive a fazer umas pesquisas, que ate podia ser uma coincidência em o Opera apresentar correctamente o site e não ter suporte ao HTML 5... Mas está confirmado que tem mesmo suporte ao HTML 5 a partir da versão 9.50.

"Added support for the HTML5"

Link: http://www.opera.com/docs/changelogs/windows/950/

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Falta dizer que o chrome é beta .. deixem o rapaz crescer! ;)

Exacto, como eu já tinha dito, o Chrome ainda é muito recente e pode se dar um "desconto" quanto a isso...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Saquem a última nightly build do WebKit (daqui: http://webkit.org/ ), e testem vocês mesmo.

O Safari não usa a última versão do WebKit (penso que nem o 4).

Pelo menos algumas das funcionalidades já são suportadas.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Saquem a última nightly build do WebKit (daqui: http://webkit.org/ ), e testem vocês mesmo.

O Safari não usa a última versão do WebKit (penso que nem o 4).

Pelo menos algumas das funcionalidades já são suportadas.

Fiz o Download do ultimo nightly build, mas não consegui por aquilo a funcionar, mas instalei a ultima versão do Safari e contem o mesmo erro... A screen esta no 1º post.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

É estranho que não tenhas conseguido por aquilo a funcionar, nunca tive problemas em testar o WebKit.

Quando chegar a casa vou ver se me lembro de testar com o Safari 4. O Safari 3 já deve usar uma versão relativamente antiga do WebKit.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Acabou hoje mesmo (15-Out-2008) de sair o Mozilla Firefox 3.1 Beta 1! E ainda mais uma prova que o Mozilla está SEMPRE à frente das actualizações

Novas funcionalidades:

* Melhorias nos padrões do layout Gecko

* Adicionado suporte para as propriedades CSS 2.1 e CSS 3

* Um novo atalho para mudar entre separadores mostrando a previsualização

* Melhor controlo sobre o Smart Local Bar usando caracteres especiais para restringir a sua procura

* O apoio a novas tecnologias web, como o <video> e <audio> elementos, o W3C Geolocation API, JavaScript query.

Download: http://www.mozilla.com/en-US/firefox/all-beta.html

CSS 3 a funcionar no Mozilla Firefox 3.1 Beta 1:

Link: http://www.css3.info/preview/rounded-border/

mozzcq8.jpgwidth=569 height=750http://img381.imageshack.us/img381/4135/ieeh5.jpg[/img]

* O titulo com sombra (finalmente o css3 colocou esta propriedade aplicada!)

* A caixa com as bordas arredondadas

* O arredondamento em um único canto da caixa

* Muito mais!

A função de pré vizualização dos separadores abertos (CTRL+TAB):

width=750 height=234http://img522.imageshack.us/img522/3267/mozz2wx8.jpg[/img]

ATENÇÃO: Esta versão é apenas BETA e podem apresentar erros! Instale esta versão apenas para testes! (por ex: os plugins, extras, etc. poderão não funcionar)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se estiverem curiosos em testar uma das novas funcionalidades do HTML 5, criem um ficheiro HTML só com esta linha de código (só funciona no Mozilla Firefox 3.1!)

<audio autoplay src="http://www.xiph.org/vorbis/listen/41_30secOgg-q0.ogg">

Se funcionar correctamente, após carregar ouvirão uma música.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Acabou hoje mesmo (15-Out-2008) de sair o Mozilla Firefox 3.1 Beta 1! E ainda mais uma prova que o Mozilla está SEMPRE à frente das actualizações

Isto não prova nada. O WebKit já tinha estas funcionalidades meses antes do Gecko... :P

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isto não prova nada. O WebKit já tinha estas funcionalidades meses antes do Gecko... :P

Sim eu sei que já tinha saído, mas ainda não aplicaram em nenhum browser...

Eu já cheguei a instalar o Safari e não funcionava, esse WebKit está ainda em "nightly build", nem em Beta está.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora