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

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

How to earn money using ChatGPT !

  Content Creation and Writing: You can use AI language models to assist in content creation, such as writing articles, blog posts, or social media content. Some content creators use AI-generated drafts and then refine them with their own ideas and style. Language Translation Services: You can offer language translation services using AI language models to help with translating documents or text between different languages. Chatbot Development: If you have programming skills, you can integrate AI language models into chatbots for businesses or websites, helping them provide automated customer support. Tutoring and Educational Assistance: Use AI language models to create educational content, answer students' questions, or provide tutoring support in specific subjects. Copywriting and Marketing: Assist in generating marketing copy, ad content, or email campaigns using AI language models to improve efficiency and creativity. Writing and Publishing Books: Some authors use AI lang...
Post a Comment
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

Mobile hacking code.

               Hack Code. 1] *#0000# Displays Your Phones software version,Ist line: Software version, 2nd line: software release date,3rd line: compression type 2] *#9999# Phones softwares version if *#0000# does not work 3] *#06# For checking the international Mobile Equipment identity(IMEI number) 4] *#2640# Displays security Code in use 5] #pw+1234567890+1# Provides Lock Status(use the * button to obtain the "p,w,+" symbols for following codes)  6] #pw+1234567890+2# Network Lock Status(use the * button to obtain the "p,w,+" symbols for following codes)  7] #pw+1234567890+3# Country lock Status (use the * button to obtain the "p,w,+" symbols for following codes)  8] #pw+1234567890+4# SIM card Lock status(use the * button to obtain the "p,w,+" symbols for following codes) 9] *#21# Allows u to check the number that "All Calls" are diverted to 10] *#30# Lets u see the private number 11] *#43# Allows u to ch...
Post a Comment
Read more

UPSC ARTICLE

๐Ÿ“š เคจिเคตेเคถเค•ों เค•ो เคจเคˆ เคคेเคฒ เคต เค—ैเคธ เคจीเคคि เคธे เคฒुเคญाเคจे เค•ी เค•ोเคถिเคถ เคธเคฐเค•ाเคฐ เคจे เคคेเคฒ เคเคตं เค—ैเคธ เค–ोเคœ เค•्เคทेเคค्เคฐ เคฎें เคจिเคœी เค”เคฐ เคตिเคฆेเคถी เคจिเคตेเคถ เค†เค•เคฐ्เคทिเคค เค•เคฐเคจे เค•े เคฒिเค เค‡เคธเคธे เคœुเคก़ी เคจीเคคि เคฎें เค…เคนเคฎ เคฌเคฆเคฒाเคต เค•िเค เคนैं। เคจเคˆ เคจीเคคि เค•े เคคเคนเคค เคธเคฐเค•ाเคฐ เคจเค เคเคตं เค•เคฎ เค–ोเคœे เค—เค เค•्เคทेเคค्เคฐों เคฎें เคนाเค‡เคก्เคฐोเค•ाเคฐ्เคฌเคจ เค‰เคค्เคชाเคฆเคจ เคชเคฐ เคธंเคฌंเคงिเคค เค•ंเคชเคจी เคธे เคฒाเคญ เคฎें เคนिเคธ्เคธा เคจเคนीं เคฎांเค—ेเค—ी। เคนเคฐ เคคเคฐเคน เค•े เคฌेเคธिเคจ เค•े เคฒिเค เคเค• เคธเคฎाเคจ เค…เคจुเคฌंเคง เคตाเคฒी เคฆो เคฆเคถเค• เคชुเคฐाเคจी เคจीเคคि เคฎें เคฌเคฆเคฒाเคต เค•เคฐเคคे เคนुเค เคจเคˆ เคจीเคคि เคฎें เค…เคฒเค—-เค…เคฒเค— เค•्เคทेเคค्เคฐों เค•े เคฒिเค เค…เคฒเค—-เค…เคฒเค— เคจिเคฏเคฎ เคฌเคจाเค เค—เค เคนैं। เค‡เคธเค•े เคคเคนเคค เคชเคนเคฒे เคธे เค‰เคค्เคชाเคฆเคจ เคตाเคฒे เค•्เคทेเคค्เคฐों เค”เคฐ เคจเค เค•्เคทेเคค्เคฐों เค•े เคฒिเค เคจिเคฏเคฎ เค…เคฒเค—-เค…เคฒเค— เคฐเคนेंเค—े। เค†เคงिเค•ाเคฐिเค• เค…เคงिเคธूเคšเคจा เค•े เค…เคจुเคธाเคฐ เค‰เคค्เคชाเคฆเค•ों เค•ो เคญเคตिเคท्เคฏ เคฎें เคฌोเคฒी เค•े เคฆौเคฐाเคจ เคคेเคฒ เคเคตं เค—ैเคธ เค•े เคฒिเค เคตिเคชเคฃเคจ เค”เคฐ เค•ीเคฎเคค (เคฎाเคฐ्เค•ेเคŸिंเค— เคंเคก เคช्เคฐाเค‡เคธिंเค—) เค•े เคฎाเคฎเคฒे เคฎें เค†เคœाเคฆी เคนोเค—ी। เค‡เคธ เคช्เคฐเค•्เคฐिเคฏा เคฎें เค‡เคธ เคฌाเคค เคธे เค•ोเคˆ เคช्เคฐเคญाเคต เคจเคนीं เคชเคก़ेเค—ा เค•ि เคฌेเคธिเคจ เค•ैเคธा เคนै। เค•ेंเคฆ्เคฐीเคฏ เคฎंเคค्เคฐिเคฎंเคกเคฒ เคจे 28 เคซเคฐเคตเคฐी เค•ो เคจिเคฏเคฎ เคฎें เคฌเคฆเคฒाเคต เค•ो เคฎंเคœूเคฐी เคฆी เคฅी। เค‡เคธเคฎें เค•เคนा เค—เคฏा เคนै เค•ि เคญเคตिเคท्เคฏ เคฎें เคธเคญी เคคेเคฒ เคเคตं เค—ैเคธ เค•्เคทेเคค्เคฐ เคฏा เคฌ्เคฒॉเค• เค•ा เค†เคตंเคŸเคจ เคช्เคฐाเคฅเคฎिเค• เคฐूเคช เคธे เค–ोเคœ เค•ाเคฐ्เคฏों เค•ो เคฒेเค•เคฐ เคœเคคाเคˆ เค—เคˆ เคช्เคฐเคคिเคฌเคฆ्เคงเคคा เค•े เค†เคงाเคฐ เคชเคฐ เค•िเคฏा เคœाเคเค—ा।เคจเค เคจिเคฏเคฎ เค•े เคคเคนเคค เค•ंเคชเคจिเคฏों เค•ो เคถ्เคฐेเคฃी-เคเค• ...
Post a Comment
Read more

Follow the Page for Daily Updates!