• Skip to main content
  • Skip to primary sidebar

Technical Notes Of
Ehi Kioya

Technical Notes Of Ehi Kioya

  • About
  • Contact
MENUMENU
  • Blog Home
  • AWS, Azure, Cloud
  • Backend (Server-Side)
  • Frontend (Client-Side)
  • SharePoint
  • Tools & Resources
    • CM/IN Ruler
    • URL Decoder
    • Text Hasher
    • Word Count
    • IP Lookup
  • Linux & Servers
  • Zero Code Tech
  • WordPress
  • Musings
  • More
    Categories
    • Cloud
    • Server-Side
    • Front-End
    • SharePoint
    • Tools
    • Linux
    • Zero Code
    • WordPress
    • Musings
Home » Frontend (Client-Side) » An Introduction to the HTML5 Markup Scheme

An Introduction to the HTML5 Markup Scheme

By Ehi Kioya Leave a Comment

HTML, the markup language that is used to create websites, is in its latest version, HTML5. This is a premier upgrade to the markup scheme, making it more efficient and capable. In this article, you will read about the advantages of HTML5.

Hyper-Text Markup Language (HTML), which is used to create almost all of the websites out there, was recently upgraded to version 5. The new version, HTML5, was developed by the World Wide Web Consortium (W3C.org). This new markup language will enhance the capability of web pages to a much higher level. This article will introduce you to the benefits of HTML5.

An Introduction to Markup Schemes

The markup language used to build a website is a combination of three components:

  • The markup scheme defining elements on a web page.
  • CSS (Cascading Style Sheets) or XSL (XML Stylesheet Language) that defines the visual formatting of each element.
  • And a scripting scheme such as JavaScript that helps you create interactive code.

CSS defines the color, font size, format, etc., of each element on the web page, and JavaScript or VBScript helps create executable elements, such as advertisements or surveys.

HTML has had four major versions (up until October 2014, when HTML5 was officially released), and minor revisions are done by W3C on occasion. Popular browsers out there support the latest changes in the language in order to display websites properly. Older browsers cannot properly display the websites created with the latest code specification of HTML. In the table below, you will find the scores given to popular browsers based on support for HTML5. A larger score shows better support.

Google Chrome 37512
Opera 24504
Firefox 32475
Safari 8429
Internet Explorer 11376

Google Chrome is the only browser that supports over 80 per cent of the features offered by HTML5, and others are close behind. Since Chrome and Firefox are open source products, they undergo continuous development. This is the reason why they support many features of HTML5. Microsoft Internet Explorer, however, scores far below all other browsers. This makes IE less equipped to handle the latest websites.

Advantages of HTML5

Online multimedia content – videos, audio files, games, interactive apps, etc., – often use proprietary technologies like Adobe Flash or Microsoft Silverlight. Web services may also use Flash to display videos through your browser. Without Flash installed on your computer, you will not be able to watch these videos. In the same way, the games you run on Facebook or Google+ may require proprietary technologies.

Adobe Flash is widely regarded to be a highly insecure technology. This is the reason why Apple doesn’t provide support for Flash technology on any of its devices – iPhone, iPad, etc (Check out Steve Job’s famous “Thoughts on Flash” explaining why Apple ditched flash long ago).

Flash is known to have a number of vulnerabilities, which open doors to spyware and malware. This is why developers are slowly moving away from Flash although it powers billion-dollar businesses out there.

Related Reading: 5 Old Web Development Trends That You Should Remove from Your Site

HTML5 is capable of replacing Flash and other proprietary technologies, and it can power multimedia content on websites. Here are a few things HTML5 can do:

  • It can display multimedia content on websites without the need for external plugins like Adobe Flash or Apple QuickTime.
  • You can build a multi-touch interface on your website with HTML5.
  • It seamlessly works with your hardware – webcam, microphones, headphones, etc.
  • It is capable of displaying 2D and even 3D animations on web pages without proprietary plugins.
  • HTML5 works well with smart TVs, providing online videos and games through them.

As an example of how you can draw on the screen using the canvas object (which is only available in HTML5), check out my popular actual size online ruler.

You have probably come across online apps for such tasks as movie editing, animation, image manipulation, video/audio chatting, etc. These apps also will not work without Flash or other less secure technologies. HTML5 can be used to create those apps and display them on your website without compromising on security. Best of all, your browser doesn’t need any plugin to work with HTML5 apps. This in turn makes your browser faster and more secure.

HTML5 and Internet Explorer

Looking at the table above, Chrome is the only browser that supports over 80% of HTML5 specifications. Although it is still the second most popular browser, Internet Explorer doesn’t support even 30% of the features (Google Chrome is number 1 for popularity). This is the reason why some of the latest websites do not display properly on IE.

Google Chrome has become the chosen browser of web developers and expert users who know the value of HTML5.

Conclusion

The latest edition of the HTML will create a more secure Web. New websites will become much more interactive. Web developers will be able to build rich, interactive content without doing much work. The software development kit for HTML5 is available at the WWW Consortium’s website itself.

Found this article valuable? Want to show your appreciation? Here are some options:

  1. Spread the word! Use these buttons to share this link on your favorite social media sites.
  2. Help me share this on . . .

    • Facebook
    • Twitter
    • LinkedIn
    • Reddit
    • Tumblr
    • Pinterest
    • Pocket
    • Telegram
    • WhatsApp
    • Skype
  3. Sign up to join my audience and receive email notifications when I publish new content.
  4. Contribute by adding a comment using the comments section below.
  5. Follow me on Twitter, LinkedIn, and Facebook.

Related

Filed Under: Frontend (Client-Side), Internet Tagged With: Browsers, HTML5, Web Development

About Ehi Kioya

I am a Toronto-based Software Engineer. I run this website as part hobby and part business.

To share your thoughts or get help with any of my posts, please drop a comment at the appropriate link.

You can contact me using the form on this page. I'm also on Twitter, LinkedIn, and Facebook.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

23,569
Followers
Follow
30,000
Connections
Connect
14,568
Page Fans
Like
  • Recently   Popular   Posts   &   Pages
  • Actual Size Online Ruler Actual Size Online Ruler
    I created this page to measure your screen resolution and produce an online ruler of actual size. It's powered with JavaScript and HTML5.
  • Fix For “Function create_function() is deprecated” In PHP 7.2 Fix For "Function create_function() is deprecated" In PHP 7.2
    As of PHP 7.2 create_function() has been deprecated because it uses eval(). You should replace it with an anonymous function instead.
  • How To Change A SharePoint List Or Library URL How To Change A SharePoint List Or Library URL
    All versions of the SharePoint user interface provide an option to change the title (or display name) of a list or library. Changing SharePoint library URL (or internal name), however, is not exactly very intuitive. We will discuss the process in this article.
  • About
  • Contact

© 2022   ·   Ehi Kioya   ·   All Rights Reserved
Privacy Policy