HTML5 is built on Hypertext Markup Language (HTML), so let’s first make that distinction so that your learning in the future can be built on strong foundations.
HTML5 however now offers you better semantics and that’s the future of the World Wide Web (meaningful web pages) particularly with major search engines like Google now officially supporting Structured Data.
This blog post contains basic knowledge as well as the video HTML5 and CSS Tutorial for Beginners that I believe will provide you with enough knowledge for your learning about HTML5, because it really doesn’t have to be complicated. So now let’s first look at some sample examples.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 Tutorial for Beginners </head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Now the only difference between the 2 examples are the Document Type Declarations. So thus, to make your web document HTML5 compliant, you just declare your document type to be <!DOCTYPE HTML> as in the example one.
Now the browsers can understand that your web page (HTML document) should be rendered as HTML5 giving you access to all the HTML elements like <article> <footer> <address> <canvas> and others.
Notice how I said HTML elements, as opposed to HTML5 elements. So always think of it as just “Hypertext Markup Language”
I created a video tutorial because I found many other video tutorials complex for beginners (telling you to download complex programs for learning HTML5) because if you are just starting out wanting to learn from scratch, then, you should just focus your full attention on learning HTML5 and CSS only.
However, I also included basic CSS tutorials as well (keep in mind that CSS3 is just an extension to CSS) same is true for HTML5 being an extension to HTML.
Here’s the HTML5 and CSS Video Tutorial for Beginners
As you can see in the above video, learning HTML5 isn’t that complicated, and the best way to get the experience is through creating your own websites. The template to download is here.
Because internet always evolves so therefore, as long as you have the foundation skills in your knowledge, then you can create stunning websites that are fully meaningful using HTML5 semantics and schema.org vocabulary “that’s the future of internet”.
Now in June 2016 mobile device optimization and Structured Data is the new reality, what better way to take advantage of these new features using Rich Cards and Rich Results