HTML5 is latest and current version of HTML (Hyper Text Markup Language). It is a markup language used for structuring and presenting content on the World Wide Web – mostly via web browsers. It came into existence in 28 October 2014 by the World Wide Web Consortium (W3C) – primarily to provide support for the latest multimedia content via new video, audio and canvas elements. It also include new page structure elements such as main, section, article, header, footer, aside, nav and figure are added.
Apart from structure elements, HTML5 includes scripting application programming interfaces (APIs) that can be used with JavaScript such as drag-drop, history, local storage, web messaging and editable content etc. We will lokk into them separately later in this blog.
Let’s start learning HTML5 with basic syntax related concepts, and then we will move upwards with more advanced concepts.
HTML5 Page Structure Elements
HTML5 DOCTYPE
DOCTYPE tells the browser about version of HTML, so that it can render it properly. In HTML5, declaration is very simple (no need to refer a DTD):
<!DOCTYPE html>
HTML5 Character Encoding
To inform the browser about character set used in HTML5 document, you need to use the meta tag with attribute name charset as below:
<meta charset = "UTF-8" />
HTML5 Section Tag
<section></section> element represents logical divisions of the document. While its functionality is similar to the div tag, it provides a more descriptive and content-sensitive way of dividing the document. e.g.
<section id="preparation">
<h2>Prepare Data</h2>
<p>Random text Random text Random text...</p>
</section>
<section id="processing">
<h2>Process Prepared Data</h2>
<p>Some More Random text Some More Random text Some More Random text ...</p>
</section>
Keep visiting this page for more updated resources/tutorials on HTML5.
Happy Learning !!
Ask Questions & Share Feedback