HTML5 CSS Reset

Postado por: Pedro Rogério em

Enquanto o HTML5 não foi lançado oficialmente, você deve utilizar de artimanhas para que ele funcione corretamente em todos os browsers, e como eu já disse em um outro post, todos os elementos HTML possuem por padrão algum estilo incorporado, isso não será diferente no HTML5, mas como os browsers ainda não tem pré-definido em seu “core” se as novas tags HTML5 são de bloco e inline, as diferenças entre elas, você por enquanto deve especificar no CSS essa diferença.

Foi aí que pesquisando encontrei mais um Reset CSS agora com foco em HTML5:

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}

O que há de novo no HTML 5

Postado por: Pedro Rogério em

O HTML 4 foi publicado em dezembro de 1997, lá se vão quase 12 anos de uma especificação ultrapassada, pois engenheiros, projetistas, departamentos de marketing, desenvolvedores e usuários aprenderam muito sobre a Web como um meio de comunicação. Os sites web refletem isso hoje em dia, já não temos mais somente páginas estáticas, hoje desenvolvemos sites que podem interagir com o usuário, mas o simples HTML 4 não consegue isso sozinho, e é isso que o W3C quer conseguir com o novo HTML 5, deixar de ser um simples hipertexto e elevá-lo a um nível superior.

Dentre as principais mudanças podemos destacar as seguintes: Uma API para desenvolvimento de gráficos 2D, incorporação e controle de conteúdos de áudio e vídeo, mantendo firme o armazenamento de dados do lado do cliente e oferecer aos usuários a possibilidade de editar documentos e suas partes de forma interativa. Novas tags foram desenvolvidas como <section>, <footer>, <nav> (para navegação), e <figure> (para atribuir uma legenda a uma foto ou outro conteúdo incluído na página). Caso você tenha interesse em conhecer as novas diferenças entre o HTML 4 e o HTML 5, basta dar uma olhada nesse documento do W3C, ou você pode também ver essa interessante apresentação de Christopher Schmitt:

Prometo que futuramente farei um post tentando detalhar cada tag nova que foi implementada no HTML 5, mas por enquanto você pode obter maiores informações no seguintes links:

Páginas:«123