tag » Luiz Paulo - tecnologia web

Elementos e Atributos removidos no HTML5

by Luiz Paulo | abril 17, 2009 | 2 Comments »

Publiquei a algum tempo As novas tags do HTML5. É importante que você também saiba o que saiu.

Utilizei o W3C - (HTML 5 differences from HTML 4) como referência. Aconcelho que você também o veja, pois tem muita informação relevante nesse documento.

Elementos removidos

Elementos de apresentação que são facilmente substituidos por CSS

basefont
big
center
font
s
strike
tt
u

Elementos que afetavam a acessibilidade / usabilidade

frame
frameset
noframes

Elementos pouco utilizados ou podem ser tratados por outros elementos

acronym: Cria uma certa confusão. elemento utilizado ABBR
applet: Ficou obsoleto por causa do elemento OBJECT
isindex: Substituido pelo controle de formulários
dir: Ficou obsoleto por causa do elemento UL

Atributos removidos

accesskey nos elementos: a, area, button, input, label, legend, textarea
rev, charset nos elementos: link, a
shape, coords no elemento: a
longdesc nos elementos: img, iframe
target no elemento: link
nohref no elemento: area
profile no elemento: head
version no elemento: html
name nos elementos: img, a (Utilize ID no lugar de NAME)
scheme no elemento: meta
archive, classid, codebase, codetype, declare, standby no elemento: object
valuetype, type no elemento: param
language no elemento: script
summary no elemento : table
axis, abbr nos elementos: td, th
scope no elemento: td

Atributos de apresentação que são facilmente substituidos por CSS

align nos elementos: caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr
alink, link, text, vlink no elemento: body
background no elemento: body
bgcolor nos elementos: table, tr, td, th, body
border nos elementos: table, img, object
cellpadding, cellspacing no elemento: table
char, charoff nos elementos: col, colgroup, tbody, td, tfoot, th, thead, tr
clear nos elementos: br
compact nos elementos: dl, menu, ol, ul
frame no elemento: table
frameborder no elemento: iframe
height nos elementos: td, th
hspace, vspace nos elementos: img, object
marginheight, marginwidth no elemento: iframe
noshade no elemento: hr
nowrap nos elementos: td, th
rules no elemento: table
scrolling no elemento: iframe
size no elemento: hr
type nos elementos: li, ol, ul
valign nos elementos: col, colgroup, tbody, td, tfoot, th, thead, tr
width nos elementos: hr, table, td, th, col, colgroup, pre

Outros links sobre o assunto

Posts Relacionados

Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , html, html5, semantica, tag

As novas tags do HTML5

by Luiz Paulo | março 6, 2009 | 4 Comments »

Há algum tempo venho acompanhando informações sobre o tão esperado Definição de html5. E acho um bom momento de postar alguma coisa sobre o assunto.

Entre as novidades temos novas tags que terão como objetivo facilitar a organização, leitura e entendimento do código. Tanto para nós humanos quanto para robôs de busca ou o próprio browser.

Vejam as novas tags do html5
As novas tags, além de disponibilizar mais recursos como audio e vídeo (nativos), aumentarão a semântica do conteúdo, pois teremos tags específicas para partes específicas do código, como definição de cabeçalho, rodapé ou artigo.

Não vou explicar cada tag detalhadamente para não prolongar muito esse post, mas você poderá ver mais detalhes sobre as tags no w3school.

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

Além do comentado aqui, o html teve outras mudanças como retirada de tags desnecessárias, melhoria em atributos e facilidade na definição de um DOCTYPE entr outras.

Deixemos esses assuntos para um novo post

Outros links sobre o assunto

Posts Relacionados

Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , html, html5, semantica, tag

Del.icio.us, bookmarks na internet

by Luiz Paulo | julho 15, 2008 | 1 Comment »

Há algum tempo atrás, estávamos acostumados a utilizar os famosos, antiquados e inúteis favoritos dos browsers. Tá bom, peguei pesado os chamando de inúteis, eram até fáceis de usar, mas nada prático com o passar do tempo, a lista de links crescia e achar um link ficava cada vez mas difícil. E quando nos esquecíamos de fazer backup para formatar a máquina? Bye, bye... Tornavam-se totalmente inúteis! Atualmente tenho utilizado o del.icio.us e depois que conheci essa maravilha só utilizo os browsers para armazenar endereços do dia-dia como url de testes do trabalho, endereços de clientes, etc.. Os serviços de bookmarks online estão disponíveis há um bom tempo na rede e vêm sendo aprimorado com o surgimento da web2.0. Utilizo o Del.icio.us há uns 3 anos e não me arrependo. A vantagem de ter um bookmark online é a facilidade de acessar de qualquer lugar, dessa forma você fica totalmente desprendido do seu desktop. Existem vários outros serviços desse tipo, como o Google Bookmark, Yahoo bookmark, enfim, uma infinidade de opções para todos os gostos.

Mas o que é o Del.icio.us?

Del.icio.us é um serviço gratuito de armazenamento, pesquisa e compartilhamento de bookmark. O interessante nesse serviço é que além de armazenar seus bookmarks, você pode organizá-los colocando tags. As tags são palavras-chave (web, javascript, notícia, ou qualquer palavra), utilizadas para caracterizar os posts, assim quando for procurar algum, terá muito menos trabalho para encontrá-lo. Em buscas as tags podem ser utilizadas sozinhas (web) ou em conjunto (web + javascript + html) trazendo assim resultados cada vez mais refinados com itens específicos.