Hyper Text Markup Language (HTML) is used for creating web pages and other information shown in a web browser.
HTML5 is the new HTML standard. Since the last version of HTML (4.01) came out in 1999, the web has changed massively and many of the elements are obsolete or not used in the way that they were meant to be or they are not used at all. Many of the main browsers (Chrome, Firefox, Safari, Internet Explorer and Opera) support elements and application programming interface protocols (API). No browser has full HTML5 support yet but they are adding HTML5 features to the latest versions.
As a result, and to find a way to counteract this, in 2006 the web hypertext application technology working group (WHATWG) approached the Worldwide Web Consortium (W3C), who were working with XHTML 2.0, and between them they created a new version of HTML.
HTML5 websites are designed to be more user friendly and with increasingly more intuitive designs than ever before, meaning that integration of media in all forms will be more instinctual for users than it has been previously. Examples such as downloadable PDF’s, videos and social sharing are just three elements from a whole host of media that will benefit from this coding language.
HTML5 goes a lot deeper than previous HTML, outlining content specific elements and new form controls for more functionality.
• Canvas – This is an element which is used to draw graphics and makes way for many methods of drawing (That must be used within Java Script.
• SVG – Scalable Vector Graphics – Used to define graphics in XML Format / defines vector based graphics for the web. SVG images are very versatile and can be used in many ways e.g. created, edited, searched, indexed and much more.
• Drag/Drop – Drag and drop where you can ‘grab’ an item and drag it to a different location. In HTML5 any element is drag gable.
• Geolocation – As long as the user allows the Geolocation API to get the geographical position of the user then this information can be used.
• Video – HTML5 has standardised a specific way to add video/movie onto a webpage, the <video> element which works across the board.
• Audio – Much like the video element, the <audio> element works in a similar way and allows audio to be added to the webpage in a standard way.
• Input types – These allow better input control and validation for online forms
• Form Elements & Form attributes – These allow forms to be intelligent and assist e.g. pre-defined options and autocomplete
• Web Storage – This is better than cookies within HTML5 as web pages store data locally within the user’s browser.
• App Cache – This is a feature within HTML5 that allows offline browsing, speed as it loads cached resources faster and reduces server load.
• SSE – Server Sent Events. This is a webpage get automatically updated from the server.