Menu
Okay, so I'm trying to get into this whole HTML 5 thing, and this tutorial (http://www.webreference.com/authoring/languages/html/HTML5/) says that these tags should move the content around without any kind of CSS at all, but all I'm getting is a line of text that looks like this:
Header tag Nav tag Artical Section tags Aside tag footer tag Here is the code:
<!DOCTYPE html> <html lang="en"> <head> <title>HTML5 test1</title> <meta charset="utf-8" /> </head> <body> <header> Header tag </header> <nav> Nav tag </nav> <article> <section> Artical Section tags </section> </article> <aside> Aside tag </aside> <footer> footer tag </footer> </body> </html> 
809
Deprecated Attributes Some attributes from HTML4 are no longer allowed in HTML5 at all and they have been removed completely. img and iframe. caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead and tr. table, tr, td, th and body.
Firefox 3.6 doesn't support HTML 5 sectioning elements yet. You will have to manually style the tags to be block level:
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video { display: block; } You won't need the HTML shim, however; that's just for IE.
194
These tags don’t work at all in Firefox 3.6.11 and Opera 11.0 — regardless of the CSS display property, they simply don’t parse correctly. For example, if you insert paragraph tags in the above example, it falls apart. Here’s an example. You get the correct result in WebKit, Firefox 4, and Opera 11.11:
But you get this in Opera 11.0 and Firefox 3.6:
44
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
