[uf-discuss] Semantic naming of HTML document layout elements

Stephen Paul Weber singpolyma at singpolyma.net
Fri Dec 23 10:58:12 PST 2011


-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA256

Somebody claiming to be Robin Winslow wrote:
>I know HTML5 defines <header>, <footer>, <nav> and <article>, and
>that's very helpful. But also many websites have a <div
>class="container"> that encloses everything, to squeeze the content
>into the middle of the page

The correct solution is not not have such a hackish element in your markup.  
I never do.  CSS is powerful enough that you don't need it, it just wastes 
space.

><nav> inside the <header> or after it

Is the nav part of the header (in your concept of the page) or not?  There's 
your answer.

>and how should left and right
>columns be marked-up? Should they be within the <article> element? Or
>not?

Almost certainly not.  Sidebars are often <aside> (if they are content that 
is tangential to the main content, as they often are) and are also often 
<nav>.  Sometimes they are neither.

- -- 
Stephen Paul Weber, @singpolyma
See <http://singpolyma.net> for how I prefer to be contacted
edition right joseph
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)

iQIcBAEBCAAGBQJO9M9DAAoJENEcKRHOUZzes8MQAKM6hYRLU/awWnm8LLFZXhXA
lGRyFQC/wezRWVfCVAgNzddCURHXt/qAuQD3yKQRvmBEeUql1jzSxlXYrOH5H5sO
kfLZtwx9tV38LcDl4pxqhPjkgbEynmCQ9s4nIa/vj8+8ES6u/oztyniq7C7fM6bB
V/ksW9HtfmAXzWKO3+b8pjtEi4+t9vXr1JSTpLxDwszN1W4D74g7lGAAobOI3ENf
vHe6QENgJkivgKITk2Q8q+hzfaeO+IrK12zqLUvbzv0qSFw0F3qxD+BBH6zzNmou
2pap2XslI7BCIrPz1Sk4qu5TMbsdSb1oiwkAMkT9YwlO1cdDH4xZQFe84wP9oCqF
vsNRZUSx9gTOI8JnA4RuzijpT5bz9J84I/R+1o6w+ZObnmmaWtk+0eXvm3rtsRCP
AhdA5cnKL2VavO17sqNyHDALUBhopmk5hlSPkVT8f6AAq5PGxe+NyfeygUDRHvrh
YP59mbcKGjPAGU3zPt5j5dnqx8Jh9ocy8v7h3JRhtgNnjj7zeDT+agWTCF82Or1k
1bHWRQWsKtOpxL6Xl2vosEceNKZhtN3z7Xww2XUo+yRR4deT4LX/0GgXueAuV2SK
zl9CpxMD6u46BjWFXC020sm/mOwH7RxOeE8JMb758YOEeNKjO9miK0mEnQ6JUMyZ
d/urKuuBuAc1a1u+uig5
=uN2b
-----END PGP SIGNATURE-----


More information about the microformats-discuss mailing list