← Desenvolvimento

HTML5 Novas tags

Lida 1801 vezes

Offline

Doppel 
Membro
Mensagens 293 Gostos 0
Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boas pessoal hoje registei-me no fórum e parece ser o melhor fórum que já encontrei,à muito tempo que acompanho o desenvolvimento do HTML5 agora deixo aqui as novas tags.

    * article: Bloco de artigo
    * aside: Conteúdo extra q tenha a ver com o site / artigo
    * audio: Conteúdo de som
    * canvas: Gráfico vetorial
    * command: Botão de comando
    * datagrid: Dados em uma lista ramificada
    * datalist: Lista dropdown
    * datatemplate: Template de dados
    * details: Detalhes de um elemento
    * dialog: Diálogo de uma conversa
    * embed: Interatividade com conteúdo externo ou um plugin (até que fim foi especificado!)
    * event-source: Alvo para eventos enviados por um servidor
    * figure: Grupo de conteúdo de mídia e sua legenda
    * footer: Bloco de rodapé
    * header: Bloco de cabeçalho
    * mark: Tag para marcação em textos
    * meter: Medição entre um valor mínimo e um valor máximo
    * nav: Bloco de navegação
    * nest: Próximo ponto para criação de elemento (trabalha junto com a tag datatemplate e rule)
    * output: Alguns tipos de saída de dados como em execução de scripts
    * progress: Progresso de uma tarefa de qualquer tipo
    * rule: Linha de um template (datatemplate)
    * selection: Seção do documento como capítulos ou alguma outra seção do documento
    * source: Recurso multimídia
    * time: Data / tempo
    * video: Um vídeo

Este texto foi tirado de : http://blog.lppjunior.com/

Vamos por alguns exemplos em pratica :

Antes de + temos que ter um navegador que suporte html5 eu estou a usar o google chrome.

Vamos por exemplo meter um video :

Tag:
Citar
<video src="meuvideo.mp4" controls="controls">
O navegador que estás a usar não suporta html5.
</video>

No navegador fica fica assim :

Se quizerem saber as tags e com os exemplos em prática visitem este site : http://www.developphp.com/list_html5.php

Espero que tenham gostado.Hasta
Offline

betanalista 
Membro
Mensagens 2564 Gostos 0
Feedback +18

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

já conhecia, acho que foi uma grande evolução  :grin:
Offline

Doppel 
Membro
Mensagens 293 Gostos 0
Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Ya evoluiu imenso nunca pensei que html pudesse ter este poder é uma prova de como a tecnologia está a avançar mas se HTML5 vai substituir o flash ? Isso por enquanto Duvido