Skip to main content

Learn HTML5

HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web.
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.

Browser Support:

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.
The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

New Features:

HTML5 introduces a number of new elements and attributes that helps in building a modern websites. Following are great features introduced in HTML5.
  • New Semantic Elements: These are like <header>, <footer>, and <section>.
  • Forms 2.0: Improvements to HTML web forms where new attributes have been introduced for <input> tag.
  • Persistent Local Storage: To achieve without resorting to third-party plugins.
  • WebSocket : A a next-generation bidirectional communication technology for web applications.
  • Server-Sent Events: HTML5 introduces events which flow from web server to the web browsers and they are called Server-Sent Events (SSE).
  • Canvas: This supports a two-dimensional drawing surface that you can program with JavaScript.
  • Audio & Video: You can embed audio or video on your web pages without resorting to third-party plugins.
  • Geolocation: Now visitors can choose to share their physical location with your web application.
  • Microdata: This lets you create your own vocabularies beyond HTML5 and extend your web pages with custom semantics.
  • Drag and drop: Drag and drop the items from one location to another location on a the same webpage.

Backward Compatibility

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers.
It is suggested to detect support for individual HTML5 features using a few lines of JavaScript.
If you are not familiar with any previous version of HTML, I would recommend to go through ourHTML Tutorial before you explore further concepts of HTM5.

Labels:

Comments

Post a Comment

"Welcome to my blog, where I, Sandeep Giri, share my passion for the Tech World. Join me on an exciting journey as we explore the latest trends, innovations, and advancements in the world of technology."

Popular Post

India & Russia Relation

1.  India expects Russia to be more involved in the Indo-Pacific and to look to its own interests in the region. 2. This will create a mutual basis for cooperation and dialogue. 3. Investments in Vietnam’s oil and gas sector is seen as one of the areas of cooperation as both India and Russia have planned to invest in this sector. 4. India also sees Russia as a very important Pacific power 5. Russia has an interest in the Indian Ocean and India has an interest in the Pacific Ocean. 6. As, Indo-Pacific is seen as a geographic continuum for cooperation and for certain principles, India wants Indo-Pacific region to be free and fair for everyone. 7. Russia views its engagement would create new divisions especially with respect to containment of China. 8. On the other hand, India neither views it as containment nor non-containment but as a positive construct that brings together countries on the basis of certain principles. South China sea 1. A stable Indo-Pacific assumes particular impo...
Post a Comment
Read more

SSC WORD

1. TRANQUILITY : शांति Meaning:  a peaceful, calm state, without noise, violence, worry, etc. Synonyms:  calmness, coolness Antonyms:  chaos, loudness Example:  Not surprisingly, the desire for tranquility among local inhabitants is almost palpable. 2. REBOUND : वापस आना Meaning:  If an action rebounds on you, it does not have the effect you hoped for but has an unpleasant effect on you instead Synonyms:  recoil, recuperate Antonyms:  weaken, hurt Example:  His continual demands for sympathy rebounded on him because his friends finally stopped listening. 3. INVIGORATE : प्रोत्साहन Meaning:  to give new energy or strength to someone or something Synonyms:  boost, stimulate Antonyms:  discourage, dissuade Example:  They argued that a cut in the tax rate would invigorate the ec...
3 comments
Read more

UPSC

&#128204;PERIOD POVERTY Scotland may become the first country in the world to end ‘period poverty’ by making sanitary products free for all. About: • The Scottish Parliament passed the Period Products (Free Provision) (Scotland) Bill. • Referring to “period dignity”, the legislation aims to develop a universal system in Scotland, which will provide free sanitary products for “anyone who needs them”. • As of now, in Scotland, the provision of free sanitary products is already available in schools, universities and colleges. • The Bill has only passed the first hurdle to become a law. It still needs to be considered by a parliamentary committee, following which it will require approval from the parliament. It will finally need the Royal Assent of the Queen.  ▪️Important Info : What is ‘period poverty’? Some circumstances make menstruation a “difficult experience” for women. T...
Post a Comment
Read more

Apple is testing a ChatGPT-like AI chatbot

  According to a recent report by Bloomberg's Mark Gurman, Apple is making significant strides in the development of artificial intelligence tools to rival the likes of OpenAI and Google. Internally referred to as "Apple GPT," the tech giant has created a chatbot using its proprietary framework called "Ajax." This framework, built on Google Cloud with Google JAX, enables the creation of large language models similar to ChatGPT and Google's Bard. While Apple is yet to finalize its strategy for consumer release, it is reportedly planning a major AI-related announcement next year. The chatbot's internal rollout faced delays due to security concerns related to generative AI. However, it has been made available to a growing number of Apple employees with special approval, primarily for product prototyping purposes. Apple's chatbot can summarize text and answer questions based on its training data. Although it shares similarities with commercially availabl...
Post a Comment
Read more

जम्मू और कश्मीर में सुरंगें Tunnels in Jammu & Kashmir

जम्मू और कश्मीर में सुरंगें Tunnels in Jammu & Kashmir केंद्रीय सड़क परिवहन और राजमार्ग मंत्री विभिन्न राष्ट्रीय राजमार्ग (National Highway- NH) परियोजनाओं की आधारशिला रखेंगे तथा केंद्रशासित प्रदेश जम्मू एवं कश्मीर में जेड-मोड़  (Z-Morh)  तथा जोजिला सुरंग ( Zojila Tunnel)  की समीक्षा एवं निरीक्षण करेंगे। प्रमुख बिंदु श्यामा प्रसाद मुखर्जी सुरंग:  चेनानी-नाशरी सुरंग (Chenani-Nashri Tunnel) का नाम बदलकर श्यामा प्रसाद मुखर्जी सुरंग (Shyama Prasad Mukherjee Tunnel) कर दिया गया है। यह न केवल भारत की सबसे लंबी राजमार्ग सुरंग (9 किमी. लंबी) है बल्कि एशिया की सबसे लंबी द्वि-दिशात्मक राजमार्ग सुरंग (Bi-directional Highway Tunnel) भी है।  यह जम्मू एवं कश्मीर में उधमपुर तथा रामबन के मध्य निम्न हिमालय पर्वत शृंखला में स्थित है। बनिहाल काज़ीगुंड सुरंग:  यह बनिहाल और काज़ीगुंड को जोड़ने वाले जम्मू एवं कश्मीर केंद्रशासित प्रदेश में पीर पंजाल रेंज में 1,790 मीटर की ऊंँचाई पर स्थित 8.5 किमी. लंबी सड़क सुरंग (Road Tunnel) है। जवाहर सुरंग:  इसे बनिहाल सुरंग (Banihal Tu...
Post a Comment
Read more

Follow the Page for Daily Updates!