MDU119 Blog 3

Blog 3

HTML5 elements give you a great deal more control than previous doctypes. But is it ok to use them when not all browsers support them? Research some html5 elements and talk about ways you could implement them that will still work on older browsers.

Published: 28/07/2017

 

HTML5 is a mark-up language that is used for structuring and presenting content on the web. It is the fifth and most current version of HTML, published in 2014 to improve the language supporting the latest multimedia, keeping it legible and consistent. HTML5 includes detailed processing models that extends and improves the mark-up accessible for documents introducing application programming interfaces.

HTML5 introduced a few elements that are not supported in older browsers, but enable clearer and simpler mark-up making pages more obvious on newer browsers. Most of the updated browsers support the HTML5 element, but still face the problem of this element. At the beginning of the HTML5 development, very few browsers could support d display the data content properly, suffering from insufficient rendering. HTML5 runs with more advanced features not yet compatible with the old browsers.

Because of this advanced elements, you would have to ‘teach’ aged browsers how to handle the new but unknown elements of HTML5. With teaching the aged browsers, the most important thing is to continually test the parts of HTML5 wanting to be used against supported browsers.

This compiled data from test results accumulated in 2016, along with an estimation of the following year. Due to this estimation, the results may slightly vary due to external factors including; settings, and the operation system used.  But the score first being tested in 2009 to currently in 2016 has increased dramatically in score standings for each browser displaying the best HTML5 browsers and the worst.

Fortunately, there is a ‘workaround exit’ which allows Internet Explorer to be able to recognise the HTML5 elements, allowing them to be styled, as a result giving full use of the elements. This is further known as the HTML5Shiv. This will allow internet explorer to recognise the “section” element in an element. By calling it document.createElement(“section”), having to call it for every new HTML element like so:

And with that, using the “replace” method of the object to briefly iterate over each length of character matched by the callback function for each character block, being the creatElement. Calling this process, ‘shivving the document’, so the browser document can recognise the unknown elements by rendering the new HTML5 elements.

 

Raja. S (2017). HTML 5 Browser Support.  BLOGS. Available, Online: http://blogs.html5andcss3.org/html5-browser-support/

Harold. E, (2007). New Elements in HTML5. DeveoperWorks. Available, Online: https://www.ibm.com/developerworks/library/x-html5/index.html

Leenheer. N, (2015). Overview. HTML5Test. How well does your browser support HTML5? Available, Online: http://html5test.com/results/desktop.html

Lau. D, (2013). HTML5, Older Browsers and the Shiv. SitePoint. Available, Online: https://www.sitepoint.com/html5-older-browsers-and-the-shiv/

 

Commented On

https://harrison1999blog.wordpress.com/2017/07/31/html5-elements/comment-page-1/#comment-14 [08/08/17]