A tag “meter” no html5

Categoria : Novas tags, Novos atributos

Nesse post, vou descrever como funciona a tag “meter”. Infelizmente, não encontrei um conteúdo na internet em português explicando detalhadamente seu funcionamento. Então, peguei de alguns sites em inglês e fiz os testes (funciona somente no Chrome). Vamos lá:

Tag “meter”:



high: especifica a parte do intervalo que é considerada alta.
low: especifica a parte do intervalo que é considerada baixa.
min: define o limite inferior.
max: define o limite superior.
optimum: Especifica o valor que é considerado o “ideal”, ou melhor, o valor. Se este valor for superior ao valor “alto”, então isso indica que quanto maior o valor, melhor. Se for menor do que a marca “low”, então isso indica que os valores mais baixos são melhores. Se for no meio, então isso indica que os valores nem alta nem baixa são boas.
value: atual valor no intervalo

Tive um pouco de dificuldade para entender a função do atributo “optimum”. Fiz vários testes e cheguei a seguinte conclusão que pode ser vista na tabela abaixo:

Função do atributo optimum

Confira aqui o Tutorial Completo HTML5 2012

Até a próxima!

comentários (2)

Boa tarde,

Eu to começando a estudar HTML5 e gostaria se possível você me passar alguma literatura onde eu possa “nortear” meu estudos.

Grato.

Google Chrome 16.0.912.75Windows XP

Oi Marco,

Esse Guia da W3C é bem interessante e muito bem explicado:

http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf

Fiz um pequeno resumo de todas as tags com seus atributos no html5, baseado na W3C:

http://html5.x4ids.com.br/wp-content/uploads/2012/01/listas_de_tags_no_html5_x4ids.pdf

Daí se vc quiser ver exemplos de como as coisas funcionam, pode navegar tb aqui mesmo no site, na seção “Categorias”. Não tem todos os exemplos, mas os exemplos que tem estão bem explicados.

Valeu

Firefox 9.0.1Ubuntu

Comente