SlideShare a Scribd company logo
The Difference between HTML,
XHTML & HTML5 for Beginners
For those who are just entering the world of
development, these commonly used words can be
confusing. It is true they all sound the same but the fact
is they are for difference reasons. They are a different
technology with different capabilities. All these three
languages are markup languages created for the web
and web development best practices. Let have a
comprehension of their difference in the world of
development.
To clear your confusion, let me explain each in brief
and then you can choose to develop your
understanding for the use of each of them.
What are Markup Languages?
These markup languages are designed specifically to work for
web development. Today, it is a foundation of the web and
everything you see is the combination of markup text, CSS
and front end scripts (interactivity) are based on mark up
languages. It is what creates the final web presence. It sets
the architecture of the website and gives it structure. These
mark up languages structures data. Unlike other languages
like Python or PHP or Ruby that guide the behavior of the
data and the databases.
The diagram give below represents the trends for HTML
and XHTML DOCTYPEs for websites:
•The HTML 5 DOCTYPE is now the most commonly used,
being used by over 70% of pages.
•XHTML 1.0 has dropped from 60% of pages in 2008, to fewer
than 15% of web pages in the recent times.
•HTML 4.01 has dropped from 20% of pages in 2008, to fewer
than 3% pages.
•The total sample size is over 15 million pages with around
250,000 new pages scanned per month.
So what is a DOCTYPE?
The full form is Document Type Declaration, or DOCTYPE.
It is piece of HTML code that tells which version of HTML
is being used.
For Instance:
<!DOCTYPE html>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”>
Information Source: http://try.powermapper.com/Stats/HtmlVersions
What is HTML?
Known as the Hyper Text Markup Language is
abbreviated to HTML. The world knows the importance
of HTML. We cannot really imagine the web without
HTML technology. All the static websites are based on
HTML markup language. It is in fact the first internet
based developed for website development. It can be
viewed on the browser via HTML where it is central to
the web development processes and has evolved along
with it. It is designed for a Static Structure.
An HTML tag commands the browser to make the changes
in the front end like the text features bold, italic or size. As
a developer, if you know HTML markup language, you can
easily create headlines, arrange text, add hyperlinks and
also edit. In case of dynamic website, JavaScript is
generally used along with HTML to include interactivity,
server side scripts. It leads to building a very effective
Front End development.
Among the Popular Websites using HTML
Google
Youtube
Facebook
Baidu
Yahoo
Amazon
Wikipedia
Google India
Qq
Twitter
What is XHTML?
The full form of XTML - eXtensible Hypertext Markup
Language.
It is very similar to HTML4 i.e. the fourth version of HTML
technology. It has elements of XML that extends capabilities
of HTML technology. XHTML is written in XML application
which is also a descriptive markup language that functions
more or less like HTML but handles data organization well.
XHTML was created before HTML5 in order to solve the
cross- browser compatibility issues. But since the
introduction of HTML5, these issues are resolved.
Although XHTML was providing more precise standards
and specification for a website to understand data and
then break it down for transmission. It can be a little
trouble in debugging. Since HTML4 is in use, the use of
XHTML is become obsolete. So you need to worry about
this part of the technology. Much confusion should be
clear now.
What is HTML5?
It is the latest and path breaking version of HTML
technology. HTML5 is a indeed proving the best
technology for developing UI and Front End
Development. It has come with a bang bringing new
features like HTML repertoire where it can do many
things on its own. HTML5 is being well known as the
hybrid of three types of coding technologies namely
HTML, CSS and Javascript.
It is culmination of these three much needed
technologies for UI development and HTML5 is
offering this to improve the development process for
web development experts. It is availing Front End
Development Specialists with agile, mobile friendly
and browser compatible website development
features.
Also, it has incorporated new APIs and features like
drawing, video playback, drag and drop effects which
were earlier possible only with integration of third
party plugins. Today, HTML5 is used by 80.3% of all
the websites who use HTML.
Originally posted by : http://goo.gl/8Jgc0B
Interested To Know More About?
Outsourcing Website Ontwikkeling
Outsource CSS 3
HTML5 Specialist

More Related Content

What's hot (20)

PPTX
Pointers in c++
sai tarlekar
 
PPTX
Ide description
Nidhi Baranwal
 
PPTX
SQL Commands
Sachidananda M H
 
PPT
JavaScript Tutorial
Bui Kiet
 
PPTX
Html Frames
Xainab Ishfaq
 
PPTX
Javascript conditional statements
nobel mujuji
 
PDF
Introduction to html
eShikshak
 
PPTX
HTML Forms
Ravinder Kamboj
 
PPSX
Javascript variables and datatypes
Varun C M
 
PPTX
Constructors and Destructor in C++
International Institute of Information Technology (I²IT)
 
PPT
Computer Organization and Architecture.
CS_GDRCST
 
PPTX
css.ppt
bhasula
 
PPTX
Id and class selector
Jesus Obenita Jr.
 
PPT
cascading style sheet ppt
abhilashagupta
 
PPT
HTML Tags
Pranay Agrawal
 
PPTX
C pointer
University of Potsdam
 
PPTX
Event In JavaScript
ShahDhruv21
 
PPT
HTML Tables.ppt
ShararehShojaei1
 
PPT
Operators in C Programming
programming9
 
Pointers in c++
sai tarlekar
 
Ide description
Nidhi Baranwal
 
SQL Commands
Sachidananda M H
 
JavaScript Tutorial
Bui Kiet
 
Html Frames
Xainab Ishfaq
 
Javascript conditional statements
nobel mujuji
 
Introduction to html
eShikshak
 
HTML Forms
Ravinder Kamboj
 
Javascript variables and datatypes
Varun C M
 
Computer Organization and Architecture.
CS_GDRCST
 
css.ppt
bhasula
 
Id and class selector
Jesus Obenita Jr.
 
cascading style sheet ppt
abhilashagupta
 
HTML Tags
Pranay Agrawal
 
Event In JavaScript
ShahDhruv21
 
HTML Tables.ppt
ShararehShojaei1
 
Operators in C Programming
programming9
 

Viewers also liked (20)

PPTX
Html5 Basic Structure
Niket Chandrawanshi
 
PPTX
Html 5 tutorial - By Bally Chohan
ballychohanuk
 
PPTX
Html Xhtml And Xml 3e Tutorial 6
larsonsb
 
PDF
WCMS Evaluation Tips
Dave Olsen
 
PPTX
Difference Between HTML and HTML5
Bapu Graphics India
 
PPTX
Document object model
Amit kumar
 
PPT
Eduvision - Webinar html5 css3
Eduvision Opleidingen
 
PPTX
Client & server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
PPTX
Quarter 3 tiers
mbrilla
 
PPT
HTML
Vikas Jagtap
 
DOCX
Differences Between Architectures
prasadsmn
 
DOCX
Hotel management notes link
Dr. Sunil Kumar
 
PDF
The Future of the Web: HTML5
Derek Bender
 
PPT
Introduction to XML
Jussi Pohjolainen
 
PPT
Content Management System
Deepak Devadasan
 
PPT
Php Presentation
Manish Bothra
 
Html5 Basic Structure
Niket Chandrawanshi
 
Html 5 tutorial - By Bally Chohan
ballychohanuk
 
Html Xhtml And Xml 3e Tutorial 6
larsonsb
 
WCMS Evaluation Tips
Dave Olsen
 
Difference Between HTML and HTML5
Bapu Graphics India
 
Document object model
Amit kumar
 
Eduvision - Webinar html5 css3
Eduvision Opleidingen
 
Client & server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
Quarter 3 tiers
mbrilla
 
Differences Between Architectures
prasadsmn
 
Hotel management notes link
Dr. Sunil Kumar
 
The Future of the Web: HTML5
Derek Bender
 
Introduction to XML
Jussi Pohjolainen
 
Content Management System
Deepak Devadasan
 
Php Presentation
Manish Bothra
 
Ad

Similar to The Difference between HTML, XHTML & HTML5 for Beginners (20)

PPT
1._Introduction_to_HTML5 les fonction et les balises
aziztara99
 
PPT
1._Introduction_to_HTML5 Web Designing.ppt
Divya573916
 
PPT
1._Introduction_tyytggyyyyy666o_HTML5.ppt
meganath16032003
 
PPT
1._Introduction_to_HTML5 powerpoint presentation
JohnLagman3
 
PPT
HTML_new_one is a ppt in markup language
ervishalgour
 
PPT
1. Introduction to HTML5.ppt
JyothiAmpally
 
PPT
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
Sony235240
 
PPTX
Lecture-1.pptx
vishal choudhary
 
PPT
Introduction to html55
subrat55
 
PPT
Introduction to HTML5
IT Geeks
 
PPT
Introduction to html5
Manav Prasad
 
PPTX
Html5
Nitish Sharma
 
PPT
1. introduction to html5
JayjZens
 
PPT
Xhtml
Manav Prasad
 
PPTX
HTML basic tags and description PPT slides
Malathi327745
 
PPTX
1 introductin to HTML
Javed Khan
 
PPTX
9781285852645_CH01 research and analysis of data.pptx
clement swarnappa
 
PDF
Oreilly -html_and_xhtml_pocket_reference_%28_december_2009%29_%28at_tica%29_1
gajapandiyan
 
PDF
XHTML Web Designs.pdf
Ayesha Siddika
 
PPS
Xhtml
Samir Sabry
 
1._Introduction_to_HTML5 les fonction et les balises
aziztara99
 
1._Introduction_to_HTML5 Web Designing.ppt
Divya573916
 
1._Introduction_tyytggyyyyy666o_HTML5.ppt
meganath16032003
 
1._Introduction_to_HTML5 powerpoint presentation
JohnLagman3
 
HTML_new_one is a ppt in markup language
ervishalgour
 
1. Introduction to HTML5.ppt
JyothiAmpally
 
1._Introduction_to_HTML5[1].MCA MODULE 1 NOTES
Sony235240
 
Lecture-1.pptx
vishal choudhary
 
Introduction to html55
subrat55
 
Introduction to HTML5
IT Geeks
 
Introduction to html5
Manav Prasad
 
1. introduction to html5
JayjZens
 
HTML basic tags and description PPT slides
Malathi327745
 
1 introductin to HTML
Javed Khan
 
9781285852645_CH01 research and analysis of data.pptx
clement swarnappa
 
Oreilly -html_and_xhtml_pocket_reference_%28_december_2009%29_%28at_tica%29_1
gajapandiyan
 
XHTML Web Designs.pdf
Ayesha Siddika
 
Ad

More from Rasin Bekkevold (14)

PPTX
Multi-Cloud Synergy: Achieving Optimal Efficiency and Cost Savings
Rasin Bekkevold
 
PPTX
Benefits of Digital Transformation for Every Business
Rasin Bekkevold
 
PPTX
Hoe AR en VR de ervaringen in de vastgoedsector veranderen?
Rasin Bekkevold
 
PPTX
3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...
Rasin Bekkevold
 
PPTX
Waarom Bedrijven Kiezen Voor Drupal Voor De Ontwikkeling Van Futuristische We...
Rasin Bekkevold
 
PPTX
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Rasin Bekkevold
 
PPTX
Waarom is het noodzakelijk om een IoT investeringsstrategie te hebben?
Rasin Bekkevold
 
PPTX
New Features of HTML 5.1 to Create More Flexible Web Experiences
Rasin Bekkevold
 
PPTX
Web Ontwikkelingstrends om naar uit te kijken in 2017
Rasin Bekkevold
 
PPTX
Eenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Rasin Bekkevold
 
PPTX
How to Resolve Recurring WordPress Problems?
Rasin Bekkevold
 
PPT
The Modernization of Application
Rasin Bekkevold
 
PPTX
3 Rules Front End Developers Must Follow!
Rasin Bekkevold
 
PPTX
9 richtlijnen om op maat gemaakte applicaties te creëren voor een platform sp...
Rasin Bekkevold
 
Multi-Cloud Synergy: Achieving Optimal Efficiency and Cost Savings
Rasin Bekkevold
 
Benefits of Digital Transformation for Every Business
Rasin Bekkevold
 
Hoe AR en VR de ervaringen in de vastgoedsector veranderen?
Rasin Bekkevold
 
3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...
Rasin Bekkevold
 
Waarom Bedrijven Kiezen Voor Drupal Voor De Ontwikkeling Van Futuristische We...
Rasin Bekkevold
 
Vier Ontwerpbenaderingen Om Een Uitstekende User Interface (UI) Te Maken En U...
Rasin Bekkevold
 
Waarom is het noodzakelijk om een IoT investeringsstrategie te hebben?
Rasin Bekkevold
 
New Features of HTML 5.1 to Create More Flexible Web Experiences
Rasin Bekkevold
 
Web Ontwikkelingstrends om naar uit te kijken in 2017
Rasin Bekkevold
 
Eenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Rasin Bekkevold
 
How to Resolve Recurring WordPress Problems?
Rasin Bekkevold
 
The Modernization of Application
Rasin Bekkevold
 
3 Rules Front End Developers Must Follow!
Rasin Bekkevold
 
9 richtlijnen om op maat gemaakte applicaties te creëren voor een platform sp...
Rasin Bekkevold
 

Recently uploaded (20)

PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PPT
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PDF
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PDF
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
PDF
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
Agentforce World Tour Toronto '25 - MCP with MuleSoft
Alexandra N. Martinez
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 

The Difference between HTML, XHTML & HTML5 for Beginners

  • 1. The Difference between HTML, XHTML & HTML5 for Beginners
  • 2. For those who are just entering the world of development, these commonly used words can be confusing. It is true they all sound the same but the fact is they are for difference reasons. They are a different technology with different capabilities. All these three languages are markup languages created for the web and web development best practices. Let have a comprehension of their difference in the world of development.
  • 3. To clear your confusion, let me explain each in brief and then you can choose to develop your understanding for the use of each of them.
  • 4. What are Markup Languages? These markup languages are designed specifically to work for web development. Today, it is a foundation of the web and everything you see is the combination of markup text, CSS and front end scripts (interactivity) are based on mark up languages. It is what creates the final web presence. It sets the architecture of the website and gives it structure. These mark up languages structures data. Unlike other languages like Python or PHP or Ruby that guide the behavior of the data and the databases.
  • 5. The diagram give below represents the trends for HTML and XHTML DOCTYPEs for websites:
  • 6. •The HTML 5 DOCTYPE is now the most commonly used, being used by over 70% of pages. •XHTML 1.0 has dropped from 60% of pages in 2008, to fewer than 15% of web pages in the recent times. •HTML 4.01 has dropped from 20% of pages in 2008, to fewer than 3% pages. •The total sample size is over 15 million pages with around 250,000 new pages scanned per month.
  • 7. So what is a DOCTYPE? The full form is Document Type Declaration, or DOCTYPE. It is piece of HTML code that tells which version of HTML is being used. For Instance: <!DOCTYPE html> <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”> Information Source: http://try.powermapper.com/Stats/HtmlVersions
  • 8. What is HTML? Known as the Hyper Text Markup Language is abbreviated to HTML. The world knows the importance of HTML. We cannot really imagine the web without HTML technology. All the static websites are based on HTML markup language. It is in fact the first internet based developed for website development. It can be viewed on the browser via HTML where it is central to the web development processes and has evolved along with it. It is designed for a Static Structure.
  • 9. An HTML tag commands the browser to make the changes in the front end like the text features bold, italic or size. As a developer, if you know HTML markup language, you can easily create headlines, arrange text, add hyperlinks and also edit. In case of dynamic website, JavaScript is generally used along with HTML to include interactivity, server side scripts. It leads to building a very effective Front End development.
  • 10. Among the Popular Websites using HTML Google Youtube Facebook Baidu Yahoo Amazon Wikipedia Google India Qq Twitter
  • 11. What is XHTML? The full form of XTML - eXtensible Hypertext Markup Language. It is very similar to HTML4 i.e. the fourth version of HTML technology. It has elements of XML that extends capabilities of HTML technology. XHTML is written in XML application which is also a descriptive markup language that functions more or less like HTML but handles data organization well.
  • 12. XHTML was created before HTML5 in order to solve the cross- browser compatibility issues. But since the introduction of HTML5, these issues are resolved. Although XHTML was providing more precise standards and specification for a website to understand data and then break it down for transmission. It can be a little trouble in debugging. Since HTML4 is in use, the use of XHTML is become obsolete. So you need to worry about this part of the technology. Much confusion should be clear now.
  • 13. What is HTML5? It is the latest and path breaking version of HTML technology. HTML5 is a indeed proving the best technology for developing UI and Front End Development. It has come with a bang bringing new features like HTML repertoire where it can do many things on its own. HTML5 is being well known as the hybrid of three types of coding technologies namely HTML, CSS and Javascript.
  • 14. It is culmination of these three much needed technologies for UI development and HTML5 is offering this to improve the development process for web development experts. It is availing Front End Development Specialists with agile, mobile friendly and browser compatible website development features.
  • 15. Also, it has incorporated new APIs and features like drawing, video playback, drag and drop effects which were earlier possible only with integration of third party plugins. Today, HTML5 is used by 80.3% of all the websites who use HTML. Originally posted by : http://goo.gl/8Jgc0B
  • 16. Interested To Know More About? Outsourcing Website Ontwikkeling Outsource CSS 3 HTML5 Specialist