Help w/ HTML5 TAG option in Settings

Hi guys, I have a a few questions in regards to the HTML5 TAG option in the Settings section. 1st: Why use them?, 2nd: When to use them? and 3rd: Where to use them? I apologize in advance since I’m relatively new to using HTML5 and CSS3 and I want to make sure I’m using best practices…

-Thanks

for reference:

Personally like anything else in technology there are fan boys and critics. Its all semantics really. Many argue that it simplifies code and makes it easier to read, i.e.

this:

    <header>
    <nav>
    <ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
    </ul>
    </nav>
    </header>

instead of:

<div id="header">
<div id="nav">
<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>
</div><!-- end of nav -->
</div><!-- end of header - I can do this if I really want to know what this div is closing -->

The first is cleaner and makes it easier to see when specific wrappers are closed. It also paves the way for new technology to know what the content is, i.e. search engine crawls the site and knows not to index the nav elements for SEO reasons, but to at least follow the links for indexing.

But the latter currently is more compatible as older browsers (glaring at IE) won’t know what to do with those new html5 elements.

1 Like

Thanks for the great explanation @pingram3541! Yeah we need to add little tooltips to explain what each is “supposed” to be used for.