HTML5 – Novas tags

Posted: 1st março 2011 by Redação Blog Agência Impacto in E-mail Marketing

 

HTML5 – New Old Semântica

html5 tags and semanticsTemos certeza que você vai concordar que o HTML é uma das melhores invenções de todos os tempos na web. A linguagem de marcação de hiper texto é realmente a pedra angular da web moderna que parece ser um fenômeno único e auto-suficiente.

Quando HTML5 estava sendo desenvolvido seus desenvolvedores têm enfrentado a algumas questões importantes que deveriam ser resolvidos com a ajuda do HTML5. E um destes problemas foi a criação de uma semântica muito explícita e extensível. Agora a parte difícil é que as versões antigas do HTML também estavam sendo projetado com a versatilidade em mente – com cargas de várias marcas que foram consideradas absolutamente essenciais mas, eventualmente, se mostraram totalmente inúteis. A abordagem do HTML 5 foi alterado de acordo com as necessidades da Internet de hoje.

Tags HTML5 Nova

A tarefa que tinham de ser cumpridas pelos colaboradores foi criar a semântica mais rica e significativa para a versão HTML5 – além do fato de que a nova solução deveria ser flexível, altamente eficiente e, claro, para corresponder a todos os padrões modernos da web. Agora vem a lista das novas marcas que estarão disponíveis em HTML5.

  • <article> tag define um artigo
  • <aside> tag define o conteúdo, além do conteúdo da página
  • <audio> tag define o conteúdo de som
  • <canvas> tag define gráficos
  • <comando> tag define um botão de comando
  • <datalist> tag define uma lista suspensa
  • <details> tag define os detalhes de um elemento
  • <dialog> tag define um diálogo (conversa)
  • <embed> tag define conteúdo interativo externo ou plugin
  • <figure> tag define um grupo de conteúdo de mídia, e sua legenda
  • <rodapé> tag define um rodapé de uma seção ou página
  • <header> tag define um cabeçalho de uma seção ou página
  • <hgroup> tag define as informações sobre uma seção em um documento
  • <keygen> tag define uma chave gerada de forma
  • <mark> tag define o texto marcado
  • <meter> tag define medição dentro de um intervalo pré-definido
  • <nav> tag define os links de navegação
  • <output> tag define alguns tipos de saída
  • <progress> tag define o progresso de uma tarefa de qualquer tipo
  • <rp> tag é usada em anotações de rubi para definir o que mostrar os navegadores que não suportam o elemento de rubi.
  • <rt> tag define explicação para anotações de rubi.
  • <ruby> tag define anotações de rubi.
  • <section> tag define uma seção
  • <source> tag define recursos de mídia
  • <hora> tag define uma data / horário
  • <video> tag define um vídeo

Vamos só espero que todos estes serão realmente "vivo" e útil marcas, não apenas algo que nós pensamos hoje é impressionante.

A Cura pela HTML5 – Tags Velha, Long Gone …

Agora você se lembra daqueles tempos antigos, quando HTML3 foi uma espécie de milagre que só podia ser visto no Netscape? Sim, foi a aurora da era da Internet. Claro que nós nunca devemos esquecer nossa história, mas é uma coisa normal quando temos que dizer adeus a algumas coisas boas de idade (principalmente quando eles não são tão boa e ninguém se preocupa com eles mais).
Assim, os desenvolvedores HTML5 recordaram algumas das marcas que só os geeks HTML lembrar e uma vez que essas marcas são tão obsoletos que eles foram excluídos do novo HTML – que, pela forma que gostaríamos de agradecer aos desenvolvedores para HTML5. Depois de todas essas marcas de idade são, na verdade tão velha que em 20 anos nossos filhos provavelmente a pensar que eles foram usados por William Shakespeare em seus sonetos. De qualquer forma, dê uma última olhada para as seguintes marcas arcaicas, a única chance de vê-los novamente é visitando o museu de Internet e HTML (existe um museu como esse pelo caminho?).

  • <acronym tag define um acrônimo.
  • <applet> tag define um applet incorporado.
  • <basefont> tag especifica uma fonte padrão de cor, de tamanho de fonte, ou para a família da fonte para todo o texto em um documento.
  • <big> tag é usada para formatar o texto em um tamanho maior, e pode ser em relação ao seu tamanho ou <font> <basefont>, se você especificou qualquer um.
  • <center> tag é usada para centralizar o texto.
  • <dir> tag é usado para listar os títulos de diretório.
  • <font> tag especifica o tipo de letra, tamanho da fonte e cor da fonte do texto.
  • <frame> tag define uma determinada janela (frame) dentro de um conjunto de quadros.
  • <frameset> tag define um conjunto de quadros. O elemento frameset detém dois ou mais elementos do quadro. Cada elemento da estrutura tem um documento separado.
  • <s> e <strike> tags definir o texto tachado.
  • <tt> marca é usada para typetype "texto", ou máquina de escrever o tipo de fonte de largura fixa. Diferentemente do estilo de tipo diferente, tem características de fonte normal
  • <u> tag é usada para sublinhar o texto.

A maioria dessas tags são obsoletos (embora para alguns de vocês podem parecer um pouco semelhantes às versáteis novo). Alguns destes antigos foram usados nas primeiras versões de versões de navegadores populares, mas hoje a maioria deles são apenas inúteis, e alguns deles podem ser colocados com funções de CSS (por exemplo, diferentes fontes e marcas de texto).

A grande coisa sobre o Tag <DIV>

Substituindo a tag <div> com novas etiquetas é uma das principais realizações do HTML5, em termos de semântica. O HTML4 <div> tag foi (e continua a ser) um dos principais tags usadas no código HTML, mas foi semanticamente fraco por causa do quão inútil é quando se trata de especificar diferentes seções da estrutura do site. As novas tags HTML5 – como <article> , <aside> , <nav> , <figure> , <header> , <rodapé> – será muito mais útil e comvenient porque essas marcas dão a oportunidade de especificar todos os componentes principais do site e clarificar a estrutura principal. Isso significa que você pode facilmente navegar através do código mesmo que o seu hábil programador médio ou novato – para não mencionar o fato de que os motores de busca vai ser louco sobre as páginas de sites tão convenientemente estruturado.

Então o que temos?

Há muitas discussões sobre novas tags e seus valores semânticos e, claro, algumas pessoas afirmam que a semântica ea representação visual não têm nada em comum – porque a semântica significa mais complicado de codificação e cria novo campo para algumas novas questões HTML. Mas este é apenas um lado de tudo isso, porque ainda acreditamos que as novas tags, junto com a semântica HTML5, em geral, visam elevar o nível de comunicação e cooperação entre o público da web e as tecnologias que vão manter a web.

Mais uma vez – o que estamos tentando dizer é que, tão fria como HTML5 olha e sente, é preciso muito esforço e um pouco de feitiçaria a previsão de que a web vai ser tudo sobre os próximos 5 anos ou mais . Hoje, essas novas tags e semântica abordagem realmente parece impressionante e estamos totalmente amá-lo, não vamos esquecer que as coisas mudaram, a fim de que sejamos capazes de tirar vantagem deles, os novos recursos devem ser utilizados por nós, o grande comunidade da rede – que é a única forma de algo que é simplesmente passar a fazer novas e úteis.

Caso você queira saber mais sobre HTML5 sinta-se livre para verificar a nossa relacionadas impressionante entrada anterior – HTML5 vs Flash – a batalha para os desenvolvedores .

Escrito por Edward Korcheg

Edward foi com TemplateMonster blog desde 2009 e é um grande fã dos meios de comunicação social e as tendências de desenvolvimento web (especialmente jQuery e HTML5). Na verdade, HTML5 junto com caminhões retro são seus dois maiores hobbies. Ele sonha em um dia de codificação-se um caminhão retro, usando nada além HTML5 tag Canvas.

HTML5 – New Old Semântica | Blog Template Monster

Compartilhe:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • email
  • Ping.fm
  • Twitter

You must be logged in to post a comment.