html » 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

Favicon – Ícones personalizados nos browsers

by Luiz Paulo | dezembro 20, 2008 | 3 Comments »

Favicons são pequenas imagens no formato .ico normalmente possuem o tamanho de 16x16. Essas imagens são utilizadas para facilitar a identificação de um site em abas ou favoritos. Muitos favicons são versões minimizadas de logotipos que fazem referência a marca / imagem da empresa.

Como comentei acima, os mais normal é salvar as imagens em formato .ico , mas alguns browsers também reconhecem o formato .gif.

Inserindo favicon no formato ICO

<html>
	<head>
		<title>Inserindo favicon no formato ICO</title>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
	</head>
	<body>
		...
	</body>
</html>

Inserindo favicon no formato GIF.
* Esse formato não funciona no Internet Explorer.

<html>
	<head>
		<title>Inserindo favicon no formato GIF</title>
		<link rel="shortcut icon" type="image/gif" href="favicon.gif" />
	</head>
	<body>
		...
	</body>
</html>

Acesse também: 21 melhores geradores de favicon da Internet, você encontrará vários geradores de icones web.

Posts Relacionados

Categorias: Browser, CheatSheet, Desenvolvimento web, HTML
Tags: , Browser, example, favicon, gif, html, icon, tutorial

Apresentação web (overview)

by Luiz Paulo | junho 7, 2008 | No Comments »

Para estreia desse blog estou disponibilizando um material super interessante sobre web. Esta apresentação foi utilizada no evento PHPNow que falava sobre vários assuntos relacionados com PHP, como segurança, oo, entre outros. Com presença de pessoas bastante conhecidas no mundo PHP como: Manuel Lemos - "PHPClasse", Pablo Dall'Oglio- "PHP-GTK" entre outros.

Esta apresentação contém os seguintes tópicos: