HTML - Elementos Inline e de Bloco

Por Giuliano Rodrigues de Souza em 1 de setembro de 2009

Para todo bom desenvolvedor, entender como funciona a renderização dos elementos HTML é fundamental. Esse conhecimento evita que, no momento do desenvolvimento, programadores enfrentem problemas com o HTML desenvolvido ao realizar alterações e utilizar tags que não são necessárias.

Exatamente neste ponto que vem este artigo! Mostrarei 3 formas diferentes de renderizar elementos HTML.

1 – Tags a níveis de bloco

Os elementos de bloco em HTML utilizam toda a sua largura disponível e criam uma linha invisível antes e depois de si próprio. Os elementos a nível de bloco são os seguintes:

address, blockquote, center, dir, div, dl, dt, dd, frameset, fieldset, form, h1, h2, h3, h4, h5, h6, hr, menu, noframes, noscript, ol, ul, li, p, pre, table,
tbody, thead, tfoot, tr, td, th

2 – Elementos Inline

Os elementos HTML a nível inline são aqueles que ocupam somente sua largura necessária e não criam linhas antes e depois de si. Os elementos a nível inline são os seguintes:

a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, del, dfn, em, font, i, iframe, img, input, ins, kbd, label, map, object, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var

3 – Elementos Invisíveis

Eles estão na página, mas não ficam perceptíveis aos usuários:

base, isindex, link, meta, script, style, title
Veja também

Tags:, , , ,

Categorias : CSS, html
Tags: , , , ,

Comentários

Nenhum comentário ainda.


Deixe um comentário

(obrigatório)

(obrigatório)