Tag Archives: div

Should you bother with semantic elements?

HTML5 has given web developers a slew of new block-level elements (or, what we would call block level elements, except now they’re called “sectioning” elements).

The HTML5 sectioning elements include main, article, section, nav, aside, header, footer, and address.

The question that more and more people are starting to ask is: does it matter whether we use semantic sectioning (aka block) elements, or is it perfectly ok to just use div as we’ve been doing for so long?

One of the main arguments for using semantic markup is that search engines take it into account and can better understand semantic HTML than generic blocks, aka ‘div’ elements.

But, we have yet to see evidence that this is true, and no one that we’ve talked to outside of the W3C seems to be convinced that there’s any real benefit to surrounding your navigation with a nav element vs. surrounding your navigation, header, footer, content area, and asides with divs.

What do you think? Do you use semantic elements consistently? Do you feel like they are actually beneficial, or would you be just as comfortable with using divs with descriptive id attributes?