SlideShare a Scribd company logo
2
Most read
3
Most read
7
Most read
THE IIS UNIVERSIT
WDT – 334
SEMINAR PRESENTATION
SUBMITTED TO –
Mrs. Harshita
Bhargava
SUBMITTED BY –
Aayushi Chhabra
ICG/2013/14899
WDT – Advance
HTML5 is much more tolerant and can handle markup from all
the prior versions.
After HTML 4.01 was released, focus shifted to XHTML and its
stricter standards.
XHTML 2.0 had even stricter standards than 1.0, rejecting web
pages that did not comply. It fell out of favor gradually and was
abandoned completely in 2009.
2012
1991
2002
-
2009
2000
1995
1997
1999
HTML first published
HTML 2.0
HTML 3.2
HTML 4.01
XHTML 1.0
XHTML 2.0
HTML5 Though HTML5 was published officially in 2012, it has been in
development since 2004.
 HTML5 is a markup language used for structuring
and presenting content on the World Wide Web.
 It is the newest and current version of HTML.
 It incorporates all features from earlier versions of HTML, including the stricter
XHTML.
 HTML5 is also a potential candidate for cross-platform mobile applications, with
features having been designed with low-powered devices such as smartphones and
tablets taken into consideration.
 It is still a work in progress. No browsers have full HTML5 support. It will be many
years – perhaps not until 2018 or later - before being fully defined and supported.
 Support all existing web pages. With HTML5, there is no requirement to go
back and revise older websites.
 Reduce the need for external plugins and scripts to show website content.
 Improve the semantic definition (i.e. meaning and purpose) of page
elements.
 Make the rendering of web content universal and independent of the device
being used.
 Handle web documents errors in a better and more consistent fashion.
HTML 4 HTML 5
1. HTML 4 uses common
structures like headers and
footers
1. HTML 5 uses new
structures such as drag,
drop and much more
2. HTML 4 can not embed
video or audio directly and
makes use of flash player
for it.
2. HTML 5 can contain
embedded video and video
without using flash player.
HTML 4 HTML 5
3. HTML 4 cannot handle
inaccurate syntax
3. HTML 5 is capable of
handling inaccurate
syntax
4. HTML 4 has traditional
API’s which does not
include canvas and
content editable API’s
4. HTML 5 introduced
many new API’s which
facilitate flexibility of
web pages.
5. In HTML 4, local storage
is not possible and tags
that can handle only one
dimension are present
5. In HTML 5, new tags and
new features like local
storage are enhanced
 Semantic elements are elements with a meaning described to both the
developer and the browser.
 Example of non-semantic element – <div>, <span> - tells nothing about its
content
 Example of semantic element - <form>, <table> and <img> - Clearly
defines its content
 HTML 5 offers new semantic elements to clearly define different parts of a
web page:
• <header> - specifies a header for a document or section.
• <nav> - defines a set of navigation links.
• <section> - defines a section in a document.
• <article> -
specifies independent, self-contained content. Ex. : Blog post,
newspaper etc.
• <aside> -
defines some content aside from the content it is placed in (like
a sidebar).
• <footer> -
specifies a footer for a document or section. It contains the
author of the document, copyright information,, contact
information, etc.
• <figure>
<figcaption>
- images and captions can be grouped together.
• <details> - Defines additional details that the user can view or hide.
• <summary> - Defines a visible heading for a <details> element.
• <main> - Specifies the main content of a document.
 Color Your favorite color: <input color=“red” name=“fav” />
 Date Birthday: <input type=“date” name=”bday” />
 Datetime Birthday (date & time): <input type=“Datetime” name=“dt” />
 Email E-mail: <input type=“email” name=“useremail” />
 Month Birthday: <input type=“month” name=“bdaymonth” />
 Number Quantity: <input type=“number” name=“quantity” />
 Range Rank: <input type=“range” name=“points” min=“0” max=“10” />
 Tel Telephone: <input type=“tel” name=“usertel” />
 Time Select a Time: <input type=“time” name=“usertime” />
 URL Homepage: <input type=“url” name=“homepage” />
 Built-in audio and video support (without plugins)
 Enhanced form controls and attributes
 The Canvas (a way to draw directly on a web page)
 Drag and Drop functionality
 Support for CSS3 (the newer and more powerful version of CSS)
 More advanced features for web developers, such as data storage
and offline applications.
HTML - 5 - Introduction
 HTML 5 offers two new objects for storing data on the client:
o localStorage – stores data with no time limit
o SessionStorage – stores data for one session
 HTML 5 uses JavaScript to store and access the data.
 The local storage object stores the data with no time limit.
 Included in MySQL binary distributions (except on windows), invoke
configure with the – with – csv – storage – engine option to enable it.
<script type=“text/JavaScript”>
localStorage.lastname=“Smith”;
document.write(localStorage.lastname);
</script>
 The session storage object stores the data for one session.
 The data is deleted when the user closes the browser window.
<script type=“text/JavaScript”>
sessionStorage.lastname=“Smith”;
document.write(sessionStorage.lastname);
</script>
HTML - 5 - Introduction
<acronym> <applet>
<basefont> <big>
<center> <dir>
<font> <frame>
<frameset> <noframes>
<strike> <tt>
THANK
YOU

More Related Content

PPT
1. introduction to html5
PPTX
html5.ppt
PPTX
Html5 semantics
PPTX
Introduction to Web Development
PPTX
The Complete HTML
PPTX
Html vs xhtml
PDF
HTML Head Section Elements
1. introduction to html5
html5.ppt
Html5 semantics
Introduction to Web Development
The Complete HTML
Html vs xhtml
HTML Head Section Elements

What's hot (20)

PPTX
CBSE class X Computer Applications ch 1 INTERNET
PPT
Span and Div tags in HTML
PPTX
Html Frames
PPT
Html Slide Part-1
PDF
Basic Details of HTML and CSS.pdf
PPT
Intro Html
DOCX
Lesson plan: HTML Formatting Texts and Paragraphs
PPTX
Anchor tag HTML Presentation
PPTX
Html n CSS
PPTX
Basic HTML
PPTX
How to learn HTML in 10 Days
PPTX
Html media
PPTX
Front-End Web Development
PDF
Lesson 1: Introduction to HTML
PPTX
HTML 5: Audio And Video
PPTX
JSON and REST
PPTX
HTML Fundamentals
PPSX
Introduction to Html5
PPTX
Web Devlopment ppt.pptx
CBSE class X Computer Applications ch 1 INTERNET
Span and Div tags in HTML
Html Frames
Html Slide Part-1
Basic Details of HTML and CSS.pdf
Intro Html
Lesson plan: HTML Formatting Texts and Paragraphs
Anchor tag HTML Presentation
Html n CSS
Basic HTML
How to learn HTML in 10 Days
Html media
Front-End Web Development
Lesson 1: Introduction to HTML
HTML 5: Audio And Video
JSON and REST
HTML Fundamentals
Introduction to Html5
Web Devlopment ppt.pptx
Ad

Similar to HTML - 5 - Introduction (20)

PPTX
Html.pptx
PPTX
INTRUDUCTION TO HTML 5
PPTX
PPTX
PDF
Basics of HTML5 for Phonegap
PPT
1._Introduction_tyytggyyyyy666o_HTML5.ppt
PPT
1._Introduction_to_HTML5 les fonction et les balises
PPT
1._Introduction_to_HTML5 Web Designing.ppt
PPT
1._Introduction_to_HTML5 powerpoint presentation
PPT
HTML_new_one is a ppt in markup language
PPT
1. Introduction to HTML5.ppt
PPT
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
PPTX
HTML5 and DHTML
PPT
Introduction to html55
PPT
Introduction to html5
PDF
HTML5 Introduction – Features and Resources for HTML5
PPT
Introduction to HTML5
PPTX
Html5
PPTX
Html5
PPT
Html5 tags
Html.pptx
INTRUDUCTION TO HTML 5
Basics of HTML5 for Phonegap
1._Introduction_tyytggyyyyy666o_HTML5.ppt
1._Introduction_to_HTML5 les fonction et les balises
1._Introduction_to_HTML5 Web Designing.ppt
1._Introduction_to_HTML5 powerpoint presentation
HTML_new_one is a ppt in markup language
1. Introduction to HTML5.ppt
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
HTML5 and DHTML
Introduction to html55
Introduction to html5
HTML5 Introduction – Features and Resources for HTML5
Introduction to HTML5
Html5
Html5
Html5 tags
Ad

More from Aayushi Chhabra (13)

PPTX
Zomato - Human Resource Planning
PPTX
The One Minute Manager - Novel
PPTX
FEDEX - Organisational Change
PPTX
VEDANTA RESOURCES PLC
PPTX
RESEARCH METHODOLOGY - 2nd year ppt
PPTX
Quantitative Techniques project ppt
PPTX
Indian Financial System
PPTX
Flipkart
PPTX
Presentation1
PPTX
how-modern-techniques-of-farming-help-in-increasing-production - economics - ...
PPTX
financial services - Finance - Bcom hons. - 1st year - 1st semester
PPTX
Marketing PPT - Britannia Company
PPTX
Economics - Market Structure
Zomato - Human Resource Planning
The One Minute Manager - Novel
FEDEX - Organisational Change
VEDANTA RESOURCES PLC
RESEARCH METHODOLOGY - 2nd year ppt
Quantitative Techniques project ppt
Indian Financial System
Flipkart
Presentation1
how-modern-techniques-of-farming-help-in-increasing-production - economics - ...
financial services - Finance - Bcom hons. - 1st year - 1st semester
Marketing PPT - Britannia Company
Economics - Market Structure

Recently uploaded (20)

PPTX
Funds Management Learning Material for Beg
PPTX
PptxGenJS_Demo_Chart_20250317130215833.pptx
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPTX
SAP Ariba Sourcing PPT for learning material
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PDF
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
PPTX
Slides PPTX World Game (s) Eco Economic Epochs.pptx
PDF
Decoding a Decade: 10 Years of Applied CTI Discipline
PPTX
E -tech empowerment technologies PowerPoint
PDF
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
PDF
Paper PDF World Game (s) Great Redesign.pdf
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
Power Point - Lesson 3_2.pptx grad school presentation
PDF
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
PPTX
introduction about ICD -10 & ICD-11 ppt.pptx
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Digital Literacy And Online Safety on internet
PPTX
Job_Card_System_Styled_lorem_ipsum_.pptx
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PDF
The Internet -By the Numbers, Sri Lanka Edition
Funds Management Learning Material for Beg
PptxGenJS_Demo_Chart_20250317130215833.pptx
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
SAP Ariba Sourcing PPT for learning material
Cloud-Scale Log Monitoring _ Datadog.pdf
Best Practices for Testing and Debugging Shopify Third-Party API Integrations...
Slides PPTX World Game (s) Eco Economic Epochs.pptx
Decoding a Decade: 10 Years of Applied CTI Discipline
E -tech empowerment technologies PowerPoint
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
Paper PDF World Game (s) Great Redesign.pdf
Slides PDF The World Game (s) Eco Economic Epochs.pdf
Power Point - Lesson 3_2.pptx grad school presentation
💰 𝐔𝐊𝐓𝐈 𝐊𝐄𝐌𝐄𝐍𝐀𝐍𝐆𝐀𝐍 𝐊𝐈𝐏𝐄𝐑𝟒𝐃 𝐇𝐀𝐑𝐈 𝐈𝐍𝐈 𝟐𝟎𝟐𝟓 💰
introduction about ICD -10 & ICD-11 ppt.pptx
presentation_pfe-universite-molay-seltan.pptx
Digital Literacy And Online Safety on internet
Job_Card_System_Styled_lorem_ipsum_.pptx
Unit-1 introduction to cyber security discuss about how to secure a system
The Internet -By the Numbers, Sri Lanka Edition

HTML - 5 - Introduction

  • 1. THE IIS UNIVERSIT WDT – 334 SEMINAR PRESENTATION SUBMITTED TO – Mrs. Harshita Bhargava SUBMITTED BY – Aayushi Chhabra ICG/2013/14899 WDT – Advance
  • 2. HTML5 is much more tolerant and can handle markup from all the prior versions. After HTML 4.01 was released, focus shifted to XHTML and its stricter standards. XHTML 2.0 had even stricter standards than 1.0, rejecting web pages that did not comply. It fell out of favor gradually and was abandoned completely in 2009. 2012 1991 2002 - 2009 2000 1995 1997 1999 HTML first published HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0 HTML5 Though HTML5 was published officially in 2012, it has been in development since 2004.
  • 3.  HTML5 is a markup language used for structuring and presenting content on the World Wide Web.  It is the newest and current version of HTML.  It incorporates all features from earlier versions of HTML, including the stricter XHTML.  HTML5 is also a potential candidate for cross-platform mobile applications, with features having been designed with low-powered devices such as smartphones and tablets taken into consideration.  It is still a work in progress. No browsers have full HTML5 support. It will be many years – perhaps not until 2018 or later - before being fully defined and supported.
  • 4.  Support all existing web pages. With HTML5, there is no requirement to go back and revise older websites.  Reduce the need for external plugins and scripts to show website content.  Improve the semantic definition (i.e. meaning and purpose) of page elements.  Make the rendering of web content universal and independent of the device being used.  Handle web documents errors in a better and more consistent fashion.
  • 5. HTML 4 HTML 5 1. HTML 4 uses common structures like headers and footers 1. HTML 5 uses new structures such as drag, drop and much more 2. HTML 4 can not embed video or audio directly and makes use of flash player for it. 2. HTML 5 can contain embedded video and video without using flash player.
  • 6. HTML 4 HTML 5 3. HTML 4 cannot handle inaccurate syntax 3. HTML 5 is capable of handling inaccurate syntax 4. HTML 4 has traditional API’s which does not include canvas and content editable API’s 4. HTML 5 introduced many new API’s which facilitate flexibility of web pages. 5. In HTML 4, local storage is not possible and tags that can handle only one dimension are present 5. In HTML 5, new tags and new features like local storage are enhanced
  • 7.  Semantic elements are elements with a meaning described to both the developer and the browser.  Example of non-semantic element – <div>, <span> - tells nothing about its content  Example of semantic element - <form>, <table> and <img> - Clearly defines its content  HTML 5 offers new semantic elements to clearly define different parts of a web page:
  • 8. • <header> - specifies a header for a document or section. • <nav> - defines a set of navigation links. • <section> - defines a section in a document. • <article> - specifies independent, self-contained content. Ex. : Blog post, newspaper etc. • <aside> - defines some content aside from the content it is placed in (like a sidebar). • <footer> - specifies a footer for a document or section. It contains the author of the document, copyright information,, contact information, etc. • <figure> <figcaption> - images and captions can be grouped together. • <details> - Defines additional details that the user can view or hide. • <summary> - Defines a visible heading for a <details> element. • <main> - Specifies the main content of a document.
  • 9.  Color Your favorite color: <input color=“red” name=“fav” />  Date Birthday: <input type=“date” name=”bday” />  Datetime Birthday (date & time): <input type=“Datetime” name=“dt” />  Email E-mail: <input type=“email” name=“useremail” />  Month Birthday: <input type=“month” name=“bdaymonth” />  Number Quantity: <input type=“number” name=“quantity” />  Range Rank: <input type=“range” name=“points” min=“0” max=“10” />  Tel Telephone: <input type=“tel” name=“usertel” />  Time Select a Time: <input type=“time” name=“usertime” />  URL Homepage: <input type=“url” name=“homepage” />
  • 10.  Built-in audio and video support (without plugins)  Enhanced form controls and attributes  The Canvas (a way to draw directly on a web page)  Drag and Drop functionality  Support for CSS3 (the newer and more powerful version of CSS)  More advanced features for web developers, such as data storage and offline applications.
  • 12.  HTML 5 offers two new objects for storing data on the client: o localStorage – stores data with no time limit o SessionStorage – stores data for one session  HTML 5 uses JavaScript to store and access the data.
  • 13.  The local storage object stores the data with no time limit.  Included in MySQL binary distributions (except on windows), invoke configure with the – with – csv – storage – engine option to enable it. <script type=“text/JavaScript”> localStorage.lastname=“Smith”; document.write(localStorage.lastname); </script>
  • 14.  The session storage object stores the data for one session.  The data is deleted when the user closes the browser window. <script type=“text/JavaScript”> sessionStorage.lastname=“Smith”; document.write(sessionStorage.lastname); </script>
  • 16. <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>