Category Archives: HTML5

HTML5

HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It was finalized, and published, on 28 October 2014 by the World Wide Web Consortium (W3C). This is the fifth revision of the HTML standard since the inception of the World Wide Web. HTML5 is supported in all modern browsers.

The most interesting new elements are:

New semantic elements like <header>, <footer>, <article>, and <section>.

New form control attributes like number, date, time, calendar, and range.

New graphic elements: <svg> and <canvas>.

New multimedia elements: <audio> and <video>.

The graphic elements are so cool. SVG is a language for describing 2D graphics in XML. Canvas is rendered pixel by pixel. SVG has several methods for drawing paths, boxes, circles, text, and graphic images.You can pick which you like best. Here is a chart to show the differences.

Canvas SVG
  • Resolution dependent
  • No support for event handlers
  • Poor text rendering capabilities
  • You can save the resulting image as .png or .jpg
  • Well suited for graphic-intensive games
  • Resolution independent
  • Support for event handlers
  • Best suited for applications with large rendering areas (Google Maps)
  • Slow rendering if complex (anything that uses the DOM a lot will be slow)
  • Not suited for game applications

The canvas is great for graphics and animation. I have included a you tube video link below to show how it all works.

https://www.youtube.com/watch?v=JO2G0ot5Luk