SlideShare a Scribd company logo
NAME:-PRIYANK R PATEL
CLASS:-TY CE -2
BATCH:-A
SUBJECT:-WEB TECHNOLOGY
OVERVIEW AND FEATURES
OF HTML5,DHTML
CONTENTS
 Overview of HTML5
 Features of HTML5
 Difference between HTML and HTML5
 Overview and Features of DHTML
 Difference between HTML5 and DHTML
OVERVIEW OF HTML5
What is HTML5:-
 The HTML 5.0 is the fifth revision of HTML standard of world
wide Consortium (W3C) which is finalized in October 2014
 The earlier version was HTML 4.0 which released in 1997
 The objective of this markup language version was
i) to provide support for latest multimedia and
ii) to make the script readable and consistently understood by
the developer.
 The objective of this markup language version was
i) to provide support for latest multimedia and
ii) to make the script readable and consistently
understood by the developer.
 The HTML5 adds many new syntactic features. IT
includes the elements such as <video>,<audio> and
<canvas> elements. It also has integration of scalable
vector graphics(SVG) contents and MathML for
mathematical Formula.
FEASTURES OF HTML 5.0
 The XHTML doctype is just impossible to memorize
(!DOCTYPE html PUBLIC”…). Hence a new HTML doctype is
<!DOCTYPE html>
 There are new graphics elements such as <svg> in HTML5.0
 The support for multimedia elements such as <audio> and
<video>
 It has support for <header>, <footer>, <article>,and <section>
 It has support for new form controls such as number, date
,time, calendar, and range.
 It has a rich set of Application Programming Interface(API)
for geolocations , HTML Drag and Drop, Local Storage,
Application cache and so on.
DIFFERENCE BETWEEN HTML AND
HTML5
HTML HTML5
 The DOCTYPE declaration
is much longer such as
<!DOCTYPE html PUBLIC ”-
//W3C//DTD XHTML 1.0
Transitional//EN”
“http://www.w3.org/TR/xhtml1
//DTD/xhtml11.dtd ”>
 <audio>and <video. Tags are
not supported.
 The DOCTYPE declaration
is simple
<!DOCTYPE html>
 <audio> and <video> tags
are supported for playing
audio and video files.
HTML HTML5
 Finding out geographic
location is impossible using
HTML
 It supports the tag such as
<applet>, <big>,
<center>,<font>,<frame>,<s
trike>.
 IT needs external plugins
such as flash
 The HTML5 supports the
API for identifying the
geographic location .
 The tags that are removed
from HTM5 are
<applet,<big>, <center>,
<font>, <frame, <strike> .
 The need of external plugin
is reduce.
OVERVIEW AND FEATURES OF DHTML
 Under the conventional method of web page development it is
hard to change the web page elements. That means the text
and graphics cannot be changed easily. If we want to change
these elements then we have to change the entire web page
itself. This shows the static nature of the web pages.
 This static style of web development is only for the passive
users.
 Normally any user wants to get the experience of web
browsing by changing some elements on the web page. This
effect on the web page is known as dynamic effect.
 Basically with DHTML a web developer ca control how to
display and position HTML elements in a browser window.
 The DHTML stands for Dynamic HTML.
 The HTML consists of simple HTML tags, on the other hand
DHTML is made up of XHTML tags + Cascading Style
Sheets(css) + JavaScripts.
DIFFERENCE BETWEEN HTML5 AND
DHTML
HTML DHTML
 HTML stands for Hypertext
Markup Language.
HTML is used to create static web
pages.
 HTML sites work slowly upon the
client server technology.
 HTML does not make use of the
technology for making the pages
dynamic.
 HTML does not require any
processing from the browser
 DHTML stands for Dynamic
Hypertext Markup Language.
DHTML is used to create dynamic
web pages
 DHTML sites work fast upon the
client server technology.
 DHTML makes use of CSS events,
methods and so on to make the
page dynamic.
 DHTML requires processing from
the browser.
HTML5 and DHTML

More Related Content

HTML5 and DHTML

  • 1. NAME:-PRIYANK R PATEL CLASS:-TY CE -2 BATCH:-A SUBJECT:-WEB TECHNOLOGY OVERVIEW AND FEATURES OF HTML5,DHTML
  • 2. CONTENTS  Overview of HTML5  Features of HTML5  Difference between HTML and HTML5  Overview and Features of DHTML  Difference between HTML5 and DHTML
  • 3. OVERVIEW OF HTML5 What is HTML5:-  The HTML 5.0 is the fifth revision of HTML standard of world wide Consortium (W3C) which is finalized in October 2014  The earlier version was HTML 4.0 which released in 1997  The objective of this markup language version was i) to provide support for latest multimedia and ii) to make the script readable and consistently understood by the developer.
  • 4.  The objective of this markup language version was i) to provide support for latest multimedia and ii) to make the script readable and consistently understood by the developer.  The HTML5 adds many new syntactic features. IT includes the elements such as <video>,<audio> and <canvas> elements. It also has integration of scalable vector graphics(SVG) contents and MathML for mathematical Formula.
  • 5. FEASTURES OF HTML 5.0  The XHTML doctype is just impossible to memorize (!DOCTYPE html PUBLIC”…). Hence a new HTML doctype is <!DOCTYPE html>  There are new graphics elements such as <svg> in HTML5.0  The support for multimedia elements such as <audio> and <video>  It has support for <header>, <footer>, <article>,and <section>
  • 6.  It has support for new form controls such as number, date ,time, calendar, and range.  It has a rich set of Application Programming Interface(API) for geolocations , HTML Drag and Drop, Local Storage, Application cache and so on.
  • 7. DIFFERENCE BETWEEN HTML AND HTML5 HTML HTML5  The DOCTYPE declaration is much longer such as <!DOCTYPE html PUBLIC ”- //W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1 //DTD/xhtml11.dtd ”>  <audio>and <video. Tags are not supported.  The DOCTYPE declaration is simple <!DOCTYPE html>  <audio> and <video> tags are supported for playing audio and video files.
  • 8. HTML HTML5  Finding out geographic location is impossible using HTML  It supports the tag such as <applet>, <big>, <center>,<font>,<frame>,<s trike>.  IT needs external plugins such as flash  The HTML5 supports the API for identifying the geographic location .  The tags that are removed from HTM5 are <applet,<big>, <center>, <font>, <frame, <strike> .  The need of external plugin is reduce.
  • 9. OVERVIEW AND FEATURES OF DHTML  Under the conventional method of web page development it is hard to change the web page elements. That means the text and graphics cannot be changed easily. If we want to change these elements then we have to change the entire web page itself. This shows the static nature of the web pages.  This static style of web development is only for the passive users.
  • 10.  Normally any user wants to get the experience of web browsing by changing some elements on the web page. This effect on the web page is known as dynamic effect.  Basically with DHTML a web developer ca control how to display and position HTML elements in a browser window.  The DHTML stands for Dynamic HTML.  The HTML consists of simple HTML tags, on the other hand DHTML is made up of XHTML tags + Cascading Style Sheets(css) + JavaScripts.
  • 11. DIFFERENCE BETWEEN HTML5 AND DHTML HTML DHTML  HTML stands for Hypertext Markup Language. HTML is used to create static web pages.  HTML sites work slowly upon the client server technology.  HTML does not make use of the technology for making the pages dynamic.  HTML does not require any processing from the browser  DHTML stands for Dynamic Hypertext Markup Language. DHTML is used to create dynamic web pages  DHTML sites work fast upon the client server technology.  DHTML makes use of CSS events, methods and so on to make the page dynamic.  DHTML requires processing from the browser.