I am in the middle of learning HTML 5 and I just finished converting my blog's theme to HTML5. I am still a bit confused tho. I used the html5 doctype, then used/changed to tags like nav, header, section, article, aside, footer. I think those are the html tags I used. I run it on w3c and it got html5 validated. But I still feel like my site isn't fully html5. So now I wonder, what makes a site (fully) html5?
HI ! What’s more from HTML5 is the conversion of our modern web browser. With these new specifications the web as a whole is now viewed as an application platform for HTML (especially HTML5), CSS, and JavaScript to be built upon. Visit this link http://www.hongkiat.com/blog/building-html5-css-webpages/ also you perhaps got your Solution.
Practicing HTML 3.2 style decade out of date coding, completely screwing up your semantics with the new allegedly semantic and ultimately redundant tags, and jumping the gun on a "specification" that isn't even authoritative much less out of draft -- and that offers ZERO real world improvements over what came before it. THAT's what makes a HTML 5 document to me, welcome to the bleeding edge of 1997 coding practices with pointless bloat, redundancies, nonsensical gibberish use of heading tags, etc, etc... I do often wonder how anyone is DUMB ENOUGH to want to use it. That said, do you have a sample of the site in question? Are you resetting to H1 every time you use SECTION -- are you using the pointless bloat and redundant SECTION, NAV and ARTICLE tags? Do you have that wonderful 30:1 code to content ratio that's the hallmark of HTML 5 idiocy?
Woah. Just chill. I am shocked you called me dumb enough. I simply want to use it because I just like to be updated. And it's fun to learn new things. No. I do use section but I only used h1 in the blogtitle. Yes. I don't know about this. the site I'm talking about is http://kettobase.com/ a just personal blog tho so some things are just no big deal for me.
Ok, ignoring the completely illegible white on light gray (tsk... tsk... WCAG, read it!) in the ugly illegible 'thinline' font... Yeah, that's HTML 5 alright, or as I like to call it, extra pointless bloat wrapped around broken HTML 3.2. Of course that it's turdpress with the "let's slap twenty or more classes on EVERYTHING for no good reason" idiocy is really working against you too. Figure in the endlesss pointless DIV for nothing, the HTML 5 tags for NOTHING... Well it's not exactly a shocker it's wasting 33k of markup on 3.59k of plaintext and a dozen or so content images -- easily three to four times as much code as should have been used. Of course that the page ends up taking over a MINUTE to load here on a 22mbps connection thanks to the 169 separate files used to build the page (much less the train wreck of FIVE MEGABYTES bandwidth consumed) means you've got much deeper issues than if it's HTML 5 or not. When scripting outnumbers your images by a factor of ten to one on bandwidth and 3:2 on file count, and your CSS is similarly massive being ten times the ideal size I'd allow for an entire page template -- it's time to throw it all away and start over clean. ...and The Builder said, "If the foundation is weak, do you wail and gnash your teeth? Do you ask it to repour itself? Nay, you tear it down and begin anew. So shall it be with with all My Children, whether they be Stone or Flesh." Though for HTML 5 you've got way too many H2 -- when you open SECTION you are semantically supposed to be using H1 again, this of course BREAKS heading navigation in every existing UA, particularly Opera and screen readers (ok, they're the only ones to SUPPORT heading navigation properly), but that's just another reason I consider HTML 5 a bunch of pointless bloated idiotic BS. But yeah, that's HTML 5 in a nutshell -- EVERYTHING I've come to expect from it, and precisely why I have no plans to use it -- EVER.
That page takes a long time to load, you might want to look into that. <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/jquery-1.7.1.js"></script> <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/jquery.qtip.min.js"></script> <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/hoverIntent.js"></script> <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/superfish.js"></script> <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/respond.min.js"></script> <script type="text/javascript" src="http://kettobase.com/wp-content/themes/monochrome-rainbow/js/html5.js"></script> <link rel='stylesheet' id='contact-form-7-css' href='http://kettobase.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='NextGEN-css' href='http://kettobase.com/wp-content/plugins/nextgen-gallery/css/ngg_shadow.css?ver=1.0.0' type='text/css' media='screen' /> <link rel='stylesheet' id='jquery.lightbox.min.css-css' href='http://kettobase.com/wp-content/plugins/wp-jquery-lightbox/styles/lightbox.min.css?ver=1.4' type='text/css' media='all' /> <script type='text/javascript' src='http://kettobase.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script> <script type='text/javascript' src='http://kettobase.com/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.9995'></script> <script type='text/javascript' src='http://kettobase.com/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.06'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://kettobase.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://kettobase.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 3.5.1" /> <!-- <meta name="NextGEN" version="1.9.12" /> --> <!-- Start WP Socializer | Social Buttons CSS File --> <link rel="stylesheet" type="text/css" media="all" href="http://kettobase.com/wp-content/plugins/wp-socializer/public/css/wp-socializer-buttons-css.css?v=2.4.7" /> <!-- End WP Socializer | Social Buttons CSS File --> <!--WP Socializer v2.4.7 - Scripts Loader--> <script type="text/javascript"> var wu=["http://platform.twitter.com/widgets.js","http://connect.facebook.net/en_US/all.js#xfbml=1","https://apis.google.com/js/plusone.js"],wc=3; function wpsrload(){ for(var i=0;i<wc;i++){wpsrasync(wu[i]);} } function wpsrasync(u){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src=u;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(a,s);} wpsrload(); </script> <!--End WP Socializer - Scripts Loader--> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> HTML: And that's why. LOOK HOW MUCH JAVASCRIPT YOU ARE USING. Over 9 different imports - All this is doing is slowing your page down. And by the way, a 30:1 radio means for every line of text/content, there are 30 lines of code. (He's being sarcastic, that's not good.)
I will take your replies as guides for me to study on so I can be a good developer and to be knowledgeable about web design/development. Someday. Thank you! But as I'm using my blog for my personal enjoyment, I don't really mind some flaws regarding it. But I will look into how I can speed up my site.