HTML5

HTML5

1. HTML 5 IS THE NEW VERSION OF HTML, CONTAINS A SET MORE LARGE OF TECHNOLOGIES WHICH ENABLES A THE WEB SITES AND A THE APLICATIONS IS MORE VARIUS AND OF BIG SCOPE

2. 2D/3D GRAPHICS AND EFFECTS

   • WebGL WebGL brings 3D graphics to the Web by introducing an API that fits closely to OpenGL ES 2.0 that can be used in HTML5 <canvas> elements
   • SVG An XML-based format of vector images that can be directly embedded in HTML code.

3. MULTIMEDIA

   • Using HTML5 audio and video The <audio> and <video> elements allow the manipulation of new multimedia contents.
   • WebRTC This technology, where RTC is synonymous with real-time communication, allows you to connect with other people and control video conferencing services directly in the browser, without the need for a plugin or an external application.
   • Track and WebVTT The <track> element allows subtitles and chapters. WebVTT is a text track format.

4. SEMANTICS It allows to describe more precisely what is its content.

   • Sections and content in HTML5  <section>, <article>, <nav>, <header>, <footer>, <aside>.
   • New semantic elements Along with sections, media, and form elements, many new elements were created, such as <mark>, <figure>, <figcaption>, <date>, <time>, <output>, <progress>, or <Meter>, increasing the number of valid HTML5 elements.
   • Improvement in <iframe> Using sandbox, seamless, and srcdoc attributes, authors can now specify the level of security and desired reproduction of an <iframe> element.

5. CSS3

   • Improved typography Authors have better control over using typography. You can control the text-overflow text and hyphens and can also put a shadow or control more accurately your decorations. Custom fonts can be downloaded and applied thanks to the new @ font-face rule.
   • Animation of your style Using CSS Transitions to animate between different states or using CSS animations to animate parts of the page, without the event firing, you can now control the mobile elements on your page.

6. NO CONNECTION AND STORAGE

   • WHATWG, both offline and offline, that allow applications and extensions to detect whether or not an Internet connection is present, as well as detect when the connection is lost or recovered.
   • IndexedDB It is an Internet standard for the storage of large amounts of structured data in the browser and for the high-performance searches of this data using indexes.
   • Using files from web applications Support for the new HTML5 File API has been added to Gecko, so it is possible for Internet applications to access local files selected by the user. This includes support for selecting multiple files using the <input> file type of the HTML element multiple attributes. Also this

7. DEVICE ACCESS

   • Detection of device orientation Gets the information when the device on which the browser runs, changes orientation. This can be used as an input device (for example, to make games that react to the position of the device) or adapt the layout of a page to the orientation of the screen (vertical or horizontal).
   • The use of geolocation It allows browsers to locate the user's position through geolocation.

8. PERFORMANCE AND INTEGRATION

   • Web Workers Allows you to delegate the JavaScript evaluation for sub-processes in the background, which prevents these activities from slowing down interactive events.
   • XMLHttpRequest Level 2 Allows asynchronous search of some parts of the page, showing dynamic content, which varies according to the user's time and actions. This is the technology behind Ajax.

9. CONNECTIVITY Allows you to communicate with the server in new and innovative ways

   • Web Sockets, It allows you to create a permanent connection between the page and the server and exchange non-HTML data through that medium.
   • Sent server events, It allows a server to "put" events on a client, instead of the classic paradigm where the server could send data only in response to a client's request.
   • WebRTC, This technology, where RTC is synonymous with real-time communication, allows you to connect with other people and control video conferencing service directly in the browser, without the need of a plugin or an external application.