Thursday, 11 Jun, 2009

what-is-xhtml

what-is-xhtml

Today I was reviewing some XHTML syntax. This post is a placeholder for me to remember wich ones are CSS block elements and wich ones are CSS inline elements.

The difference between the two is, according to the specifications, that a block-level element can contain other elements (block-level and inline elements); an inline element can only contain one or more inline elements, but not block-level elements.

The block-level elements:

  • h1, h2, h3, h4, h5, h5
  • p
  • div
  • blockquote
  • ul and ol
  • forms

The inline elements:

  • em
  • strong
  • cite
  • a
  • img

a cool example:

<p>

<strong>

<em>

<a href="http://www.pwrusr.com/">pwrusr.com

</a>

</em>

</strong>

is a site for

<cite>power users!</cite>

</p>

an important rule: symmetry aka we have to strive to keep opening and closing tags ordered simmetrically.

Rate this post