Geek Answers Handbook

How can Semantic get with HTML 5?

This is a community wiki that asks the question: “How exactly does semantics make our HTML markup possible with HTML 5?” Below you can find the source code for the HTML 5 sample. The goal is to make a very convenient, accessible, stylish web page using as few classes and identifiers as possible.

Also, when are you planning to start implementing HTML 5? Do you expect 10+ years until the project is completed, or you become an "early adopter", now that browser support is growing rapidly?

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Site Name &bull; Page Title</title> </head> <body> <nav> <h1><a href="/">Site Name</a></h1> <ul> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> <li><a href="#">Nav Link</a></li> </ul> </nav> <header> <p>Welcome to the site!</p> <a href="#">Call to action!</a> </header> <section> <aside> <!-- Sidebar --> </aside> <article> <header> <h2>Article Name</h2> <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p> </header> <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p> <figure> <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" /> <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label> </figure> <p>Lorem ipsum dolor...</p> </article> </section> <footer> <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p> </footer> </body> </html>
+6
html html5
source share
7 answers

It will not be more than 10 years. This period of time for the "final completion", all browsers support all parts of the specification. This should become a candidate at the end of this year, at the beginning of next year and, we hope, is approved by 2011.

I’m gradually approaching him where I can, right now. How much I use depends on the audience, but since IE’s share has been steadily dropping, what they don’t support is no longer a killer, especially since John Resig "HTML5 shiv" allows you to use semantic tags even in IE6 with js enabled.

More importantly, I'm starting to shift my thinking to HTML5 strings, using classes today to become HTML5 tags tomorrow (div class = "nav"). This way, I’ll be more used to thinking in HTML5 terms when the opportunity arises.

+5
source share

Although I enjoy seeing the new features with great pleasure, the truth remains that my clients use IE6 (and similar browsers). As far as I would like to see everyone using a modern browser, the fact that they do not mean that I have to work with technologies that do not require updating them.

+2
source share

I will use it as soon as browsers support it. The sites that I do are mainly hobby projects, mostly visited by Firefox users. (80% of my traffic uses the latest version of FF).

+2
source share

Keep in mind that the cite element is not suitable for the person’s name: HTML5 states: “The person’s name is not the title of the work, even if people call this person part of the work, and therefore the element should not be used to indicate the names of people.” In addition, a trailing slash in <meta charset="UTF-8" /> not required.

+1
source share

The main driver for people accepting HTML 5 would be better placement on search engines, without which I do not see a huge reason for adoption.

(Maybe if people could somehow convince me that the network can be more like data, and therefore interoperability improves, then I can be somewhat convinced, but it sounds a little overly optimistic)

0
source share

I will echo jonothan sampson. While a reasonable number of people are still using older browsers, it is difficult to make this jump.

On the other hand, it is probably wise to detect browsers and submit a version that makes sense. Since the differences between the two languages ​​will be moderate, it will probably be possible to convert the HTML5 page to HTML4 with an additional class and styles depending on the user agent, possibly on the small side of the xslt server. However, I doubt that I will invent this technology, although I would use it when or when it becomes available.

0
source share

People keep mentioning the javascript solution for older browsers like ie6, but what if they don't support javascript?

Sorry, but not the answer, but more ????? Since this is what I just don’t understand about the semantic support for html5 and IE.

You can always find the belt and brackets for older browsers

 <nav><div id="nav"> some nav stuff</div></nav>

But does it seem dirty to me?

0
source share

More articles:


All Articles