html5
Home / HTML5 / Meet the HTML5.1: The Major Upgrade of the Standard That No One Noticed

Meet the HTML5.1: The Major Upgrade of the Standard That No One Noticed

HTML5 came out, it was fascinating new technology that had to rescue all of us. Now, it is difficult to realize that on November 1, HTML5.1 almost imperceptibly became the official standard of development.

The era of big innovations passed in HTML. Now, we are expected by gradually taking root changes in a basic marking. Today, modern web technologies develop very much and very quickly. Therefore, there is the question: “Why we so strongly became interested in a usual markup language?” In HTML5, there were only several new features such as Canvas and an opportunity to play back video and music. In general, there was nothing special. Actually, with HTML5.1, it’s all the same.

Innovations

  • The  picture  and  srcset attributes allow selecting the images under adaptive imposition.
  • The  details  and  summary  elements made possible to provide expanded information for authors, leaving an option for the user: to read it or not.
  • The  menuitem  and  type= "context"  attributes allow adding functionality to a context menu of browsers.
  • API  requestAnimationFrame  does animation by more effective.
  •  enqueueJob  and  nextJob  help to explain promise-permissions from the point of view of microtasks.
  • The attribute for the links  rev  supports RDF now (from HTML4).
  •  HTMLMediaElement  and srcObject. 
  • Possibility of use of cross-domain  track  and  EventSource , and also cross-domain content for  ImageBitmap  in  canvas .
  • The appearance of event-source-error ,  event-track-error  and  event-track-load  for installation of media.
  •  onrejectionhandled ,  onunhandledrejection  and API for tracking of promise-deviations.
  •  HTMLTableCaptionElement, HTMLTableSectionElement, HTMLTableRowElement  for elements in the tables.
  •  history.scrollRestoration  allows to define what part of the page is displayed in the user’s browser at present.
  •  IDL[SameObject]  for the objects returning collections.
  • Possibility of addition of “noopener” to  rel  and  window  to separate displayed content.
  • Possibility of addition of the  none  attribute to  script  and  style  to use Content Security Policy.

All that we need to do is to wait for developers’ updated browser or to participate in their updating independently. At the end of the next year, there will be HTML5.2. How do you think that changes will be brought with  it?

 

Second

TML5 buttresses interactive and responsive technologies that would have been very difficult to achieve when using either XHTML or earlier versions of HTML. With HTML5 specifications now considered “feature-complete,” the World Wide Web Consortium (W3C)—a body that standardized HTML5 and previous versions of HTML—has been pondering additions of new features to make the development of web applications even better.

The web development industry is evolving very fast. Really fast! Therefore, a new version of HTML5—commonly known as HTML5.1—has been proposed to make the development of responsive and interactive websites faster. The development of HTML5.1 heralds the emergence of new frontiers for web developers to improve on video captioning, better forms, and spell checking.

It’s essential to note that HTML5.1 development is still work-in-progress and therefore, the standard is yet to be officialized. Having said that, let’s dive in and explore some of the new features in HTML5.1

New features introduced in HTML5.1

Here are the new features that have been introduced in HTML5.1:

#1: Improved video experience

The <video> element has been enhanced to capture all the required video and audio-related data. The src, preload, mediagroup, autoplay, loop and controls attributes have been incorporated in the element to capture all the characteristics of the video file being played on a browser. However, a new attribute: the “poster” has been added to HTML5.1.

The primary function of the poster attribute will be to provide the address of the image file which the user agent can show if no video data is displayed. If the attribute is available, then it must contain a valid non-empty URL which gives the address of the image file for the video file. Also, the video element in HTML5.1 can represent the text track cues where the text track cue can be set active while the track is being played.

If you build, manage or own websites then you need this free white paper on HTML5 best practices for 2016.
Thanks for subscribing! Please check your email for further instructions.
#2: Improved capabilities of web forms

One thing’s for sure with the coming up of HTML5.1—improved capabilities and user experiences when working with web forms. New and fancier form attributes have been introduced in HTML5.1. Some of these attributes include:

  • URL. It specifies a URL input.
  • Tel. It specifies the telephone number input type.
  • Search. It specifies the search box on a web page.
  • Disabled. When used on a form, the content is grayed out and the browser prevents web users from focusing on the disabled form control.
  • Multiple. This attribute has been included to allow multiple controls such as email and file be used concurrently on a form.
#3: Spell checking

If you want a language specification that has improved capabilities for spelling and grammatical mistakes checking, then HTML5.1 is one of them. The spellcheck attribute has been enhanced in HTML5.1 to specify whether the HTML element should be checked for spelling and grammatical mistakes or not.

#4: Improved image accessibility features

With HTML5.1, you’ll no longer need CSS or even JavaScript code to handle images in responsive websites. As a result of this feature, you’ll benefit from the natively-optimized image loading if the internet bandwidth is low. HTML5.1 has introduced the following concerning image accessibility:

  • Art direction-based selection. This feature allows you to specify how you’d like your image to be viewed. You can load an image that’s optimized for specified screen dimensions in HTML5.1.
  • Device-pixel-ratio-based selection. The device-pixel-ratio based selection will allow you to specify whether you want to view the image on a high DPI display or not.
  • Image format-based selection. If the browser can’t support additional image file types that, then the image format-based selection will provide better and improved performances for smaller file sizes.

About Sushil_kumar

Leave a Reply

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

0

December 10, 2016

Clear all