TAGS UTEIS1. <meter>O HTML 5 introduziu uma serie de tags semanticas para diferentes ocasioes. Ocasioes bem especificas. Existe, por exemplo, uma tag para quando voce precisa expressar uma medida em uma pagina da web, dentro de um determinado limite.<meter> foi criada para aquele momento em que voce precisa especificar um espaco em disco, uma nota de critica, o resultado de uma prova, qualquer valor que faca parte de um escopo.Os atributos mais comuns sao value, min e max. O primeiro indica a medida propriamente dita, enquanto os outros servem para marcar os limites. Suponhamos que voce queira indicar o espaco ocupado de 300GB de um disco rigido de 500GB, voce escreveria da seguinte forma:&lt;meter value="300" min="0" max="500"&gt;300GB de 500GB&lt;/meter&gt;Mas nao e muita complicacao para escrever algo que eu sempre fiz?, voce pode estar se perguntando. Em navegadores com suporte a esta tag, o resultado sera exibido visualmente:Pense agora em graficos, dados dinamicos e jQuery e voce comecara a vislumbrar a utilidade de <meter>...2. <progress>Se voce entendeu a utilidade do <meter>, pode ter pensado: eu poderia fazer uma barra de progresso com isso.... Na verdade, existe uma tag especificamente criada para essa funcao!Chega de gambiarras, Javascripts complicados, loadings em Flash ou GIFs animados. Com o HTML 5, voce pode simplesmente usar a tag <progress> e ser feliz.Ela possui dois atributos apenas: value (que marca o estado atual do progresso) e max (que indica a meta a ser alcancada). Entao, para especificar o progresso de uma tarefa que esta na metade do caminho, voce pode escrever da seguinte forma:<progress value=50 max=100>50%</progress>O resultado visual e similar ao do <meter>, exceto que a barra e animada, para indicar uma progressao.Perceba que, em ambos os casos, o texto dentro do elemento e completamente ignorado por navegadores com suporte as tags. Convem inserir apenas como uma alternativa nao-visual da informacao para navegadores mais antigos.3. <kbd> e <samp>Ao contrario das duas tags anteriores, esse par aqui nao gera nenhum efeito visual nem tampouco foram criadas com o HTML 5. Na verdade, elas sao bem antigas e sao renderizadas pelo navegador como o bom e velho <code>.A grande vantagem de <kbd> e <samp> e sua especificidade. A primeira e utilizada para representar entrada de dados do usuario, geralmente via teclado. A segunda representa uma amostra da saida de dados de um programa ou sistema computacional.Especifico demais? Se voce utiliza <code> com frequencia, mas deseja um <code> diferente sem ter que usar uma classe e sem ligar para a semantica, experimente estas alternativas e declare seus estilos no CSS.Exemplos:<kbd>Essa linha e uma entrada de dados</kbd><samp>Essa linha e uma saida de dados</samp>4. <small>Eu sei o que voce esta pensando agora: <small> e deprecated, ninguem usa mais desde que o CSS passou a definir o tamanho das fontes dos elementos. Tirando a parte do deprecated, voce esta ate certo. Mas isso foi antes do HTML 5.Com o advento do HTML 5, o <small> deixou de ser aquela tag sem graca que apenas reduzia o tamanho da fonte para ganhar um valor semantico.Agora, a tag simboliza elementos que normalmente seriam escritos em letra miuda