HTML5

What is HTML5?

HTML5 is the fifth’s version of the hypertext markup language. A markup language is a set of different markup tags, in case of a HTML document HTML tags. Every website on the internet is made with HTML, which gives the page its content, CSS (Cascading Style Sheets) which is used for the presentation and Java script which provides the functionality of any elements on a webpage. So you could create a website only using HTML, but the site wouldn’t be very appealing, it would just be a page with text and without any design and functionality elements.

HTML5 is an open source project, which basically means that any one can work on it and help to improve it therefore it is continually evolving. Worth mentioning in that context is the World Wide Web Consortium (WC3) an organization that works on the standardisation of the world wide web and the Web Hypertext Application Technology Working Group (WHATWG) a community of people evolving internet related technologies, who are the official developers of HTML5.

HTML5 is a big step forward compared to HTML4 because it is standardised and responsive. So there is only one version of HTML5 that works on every browser and device and no different versions for different platforms as is was the case for HTML4. Another big advantage of HTML5 is that it can play audio and video natively in the browser hence there is need to run plug-ins like flash, real time player etc. anymore, audio and video files can simply be implemented into the page.

The basic principle of HTML is very easy, because it involves no programming, it is just saying what elements you want to have on your webpage and indicating that using tags. A tag is basically just an indicator that you use to indicated that you want to put a certain element on your page. For instance if you want to have an audio file on your HTML site you use the tag <audio> </audio>  implement an audio file ( you just write the location of the file in-between the two tags et voilá). The same principle applies to anything you want to put on your webpage, there is a tag for almost anything that’s all HTML is.

Here is an example of a basic HTML5 structure:

<!DOCTYPE html>

<html>

<head>

<meta charset=”UTF-8”>

<title>Title of the document</title>

</head>

<body>

Put here the content of the document

</body>

</html>

Now what does all this mean:

  • <!DOCTYPE html> is the declaration for a new HTML5 document
  • <meta charset=”…”> is the character encoding, here UTF-8 (Unicode)
  • <…> is the opening tag for any element
  • </…> is the closing tag for any element
  • The text between <html> and </html> indicates a HTML document
  • The text between <head> and </head> provides information about the document
  • The text between <title> and </title> provides the title for the document
  • The text between <body> and </body> describes the visible content of the page

There are many more tags that can be used to create a HTML5 document like <h1> (heading) or <audio> and <video> and many more. That is the reason why HTML is so simple, because it only says what is on the page, nothing more.

Refernces:

http://www.w3schools.com/html/html5_intro.asp       [accessed 15.2.2015]

http://www.html-5-tutorial.com/html-tag.htm              [accessed 15.2.2015]

http://www.smashbrand.com/articles/html-5-explained-quickly/ [accessed 15.2.2015]

http://www.w3schools.com/tags/ [accessed 15.2.2015]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s