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

Packages in PL/SQL
Packages in PL/SQLPackages in PL/SQL
Packages in PL/SQL
Pooja Dixit
 
Data structure and algorithm using java
Data structure and algorithm using javaData structure and algorithm using java
Data structure and algorithm using java
Narayan Sau
 
Fundamentals of OOP (Object Oriented Programming)
Fundamentals of OOP (Object Oriented Programming)Fundamentals of OOP (Object Oriented Programming)
Fundamentals of OOP (Object Oriented Programming)
MD Sulaiman
 
Files and streams
Files and streamsFiles and streams
Files and streams
Pranali Chaudhari
 
Data structure and its types
Data structure and its typesData structure and its types
Data structure and its types
Navtar Sidhu Brar
 
Features of java
Features of javaFeatures of java
Features of java
WILLFREDJOSE W
 
Arrays in Java
Arrays in JavaArrays in Java
Arrays in Java
Naz Abdalla
 
Data Structures (CS8391)
Data Structures (CS8391)Data Structures (CS8391)
Data Structures (CS8391)
Elavarasi K
 
Inheritance in java
Inheritance in java Inheritance in java
Inheritance in java
yash jain
 
C++ OOPS Concept
C++ OOPS ConceptC++ OOPS Concept
C++ OOPS Concept
Boopathi K
 
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
sumitbardhan
 
Indexing Data Structure
Indexing Data StructureIndexing Data Structure
Indexing Data Structure
Vivek Kantariya
 
Data Structure and Algorithms
Data Structure and Algorithms Data Structure and Algorithms
Data Structure and Algorithms
ManishPrajapati78
 
Classes objects in java
Classes objects in javaClasses objects in java
Classes objects in java
Madishetty Prathibha
 
Data Structures
Data StructuresData Structures
Data Structures
Prof. Dr. K. Adisesha
 
Java(Polymorphism)
Java(Polymorphism)Java(Polymorphism)
Java(Polymorphism)
harsh kothari
 
Oops
OopsOops
Priority queue in DSA
Priority queue in DSAPriority queue in DSA
Priority queue in DSA
junnubabu
 
Introduction to Data Structures & Algorithms
Introduction to Data Structures & AlgorithmsIntroduction to Data Structures & Algorithms
Introduction to Data Structures & Algorithms
Afaq Mansoor Khan
 
Python - object oriented
Python - object orientedPython - object oriented
Python - object oriented
Learnbay Datascience
 

What's hot (20)

Packages in PL/SQL
Packages in PL/SQLPackages in PL/SQL
Packages in PL/SQL
 
Data structure and algorithm using java
Data structure and algorithm using javaData structure and algorithm using java
Data structure and algorithm using java
 
Fundamentals of OOP (Object Oriented Programming)
Fundamentals of OOP (Object Oriented Programming)Fundamentals of OOP (Object Oriented Programming)
Fundamentals of OOP (Object Oriented Programming)
 
Files and streams
Files and streamsFiles and streams
Files and streams
 
Data structure and its types
Data structure and its typesData structure and its types
Data structure and its types
 
Features of java
Features of javaFeatures of java
Features of java
 
Arrays in Java
Arrays in JavaArrays in Java
Arrays in Java
 
Data Structures (CS8391)
Data Structures (CS8391)Data Structures (CS8391)
Data Structures (CS8391)
 
Inheritance in java
Inheritance in java Inheritance in java
Inheritance in java
 
C++ OOPS Concept
C++ OOPS ConceptC++ OOPS Concept
C++ OOPS Concept
 
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
358 33 powerpoint-slides_4-introduction-data-structures_chapter-4
 
Indexing Data Structure
Indexing Data StructureIndexing Data Structure
Indexing Data Structure
 
Data Structure and Algorithms
Data Structure and Algorithms Data Structure and Algorithms
Data Structure and Algorithms
 
Classes objects in java
Classes objects in javaClasses objects in java
Classes objects in java
 
Data Structures
Data StructuresData Structures
Data Structures
 
Java(Polymorphism)
Java(Polymorphism)Java(Polymorphism)
Java(Polymorphism)
 
Oops
OopsOops
Oops
 
Priority queue in DSA
Priority queue in DSAPriority queue in DSA
Priority queue in DSA
 
Introduction to Data Structures & Algorithms
Introduction to Data Structures & AlgorithmsIntroduction to Data Structures & Algorithms
Introduction to Data Structures & Algorithms
 
Python - object oriented
Python - object orientedPython - object oriented
Python - object oriented
 

Viewers also liked

Dom Structure in html
Dom Structure in htmlDom Structure in html
Html5 Basic Structure
Html5 Basic StructureHtml5 Basic Structure
Html5 Basic Structure
Niket Chandrawanshi
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohan
ballychohanuk
 
Html Xhtml And Xml 3e Tutorial 6
Html Xhtml And Xml 3e Tutorial 6Html Xhtml And Xml 3e Tutorial 6
Html Xhtml And Xml 3e Tutorial 6
larsonsb
 
WCMS Evaluation Tips
WCMS Evaluation TipsWCMS Evaluation Tips
WCMS Evaluation Tips
Dave Olsen
 
Difference Between HTML and HTML5
Difference Between HTML and HTML5Difference Between HTML and HTML5
Difference Between HTML and HTML5
Bapu Graphics India
 
Document object model
Document object modelDocument object model
Document object model
Amit kumar
 
Eduvision - Webinar html5 css3
Eduvision - Webinar html5 css3Eduvision - Webinar html5 css3
Eduvision - Webinar html5 css3
Eduvision Opleidingen
 
Client & server side scripting
Client & server side scriptingClient & server side scripting
Client & server side scripting
baabtra.com - No. 1 supplier of quality freshers
 
XML
XMLXML
Html5
Html5Html5
Quarter 3 tiers
Quarter 3 tiers Quarter 3 tiers
Quarter 3 tiers
mbrilla
 
Blurs
BlursBlurs
HTML
HTML HTML
Differences Between Architectures
Differences Between ArchitecturesDifferences Between Architectures
Differences Between Architectures
prasadsmn
 
Hotel management notes link
Hotel management notes linkHotel management notes link
Hotel management notes link
Dr. Sunil Kumar
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
Derek Bender
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
Jussi Pohjolainen
 
Content Management System
Content Management SystemContent Management System
Content Management System
Deepak Devadasan
 
Php Presentation
Php PresentationPhp Presentation
Php Presentation
Manish Bothra
 

Viewers also liked (20)

Dom Structure in html
Dom Structure in htmlDom Structure in html
Dom Structure in html
 
Html5 Basic Structure
Html5 Basic StructureHtml5 Basic Structure
Html5 Basic Structure
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohan
 
Html Xhtml And Xml 3e Tutorial 6
Html Xhtml And Xml 3e Tutorial 6Html Xhtml And Xml 3e Tutorial 6
Html Xhtml And Xml 3e Tutorial 6
 
WCMS Evaluation Tips
WCMS Evaluation TipsWCMS Evaluation Tips
WCMS Evaluation Tips
 
Difference Between HTML and HTML5
Difference Between HTML and HTML5Difference Between HTML and HTML5
Difference Between HTML and HTML5
 
Document object model
Document object modelDocument object model
Document object model
 
Eduvision - Webinar html5 css3
Eduvision - Webinar html5 css3Eduvision - Webinar html5 css3
Eduvision - Webinar html5 css3
 
Client & server side scripting
Client & server side scriptingClient & server side scripting
Client & server side scripting
 
XML
XMLXML
XML
 
Html5
Html5Html5
Html5
 
Quarter 3 tiers
Quarter 3 tiers Quarter 3 tiers
Quarter 3 tiers
 
Blurs
BlursBlurs
Blurs
 
HTML
HTML HTML
HTML
 
Differences Between Architectures
Differences Between ArchitecturesDifferences Between Architectures
Differences Between Architectures
 
Hotel management notes link
Hotel management notes linkHotel management notes link
Hotel management notes link
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
 
Introduction to XML
Introduction to XMLIntroduction to XML
Introduction to XML
 
Content Management System
Content Management SystemContent Management System
Content Management System
 
Php Presentation
Php PresentationPhp Presentation
Php Presentation
 

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

XHTML Web Designs.pdf
XHTML Web Designs.pdfXHTML Web Designs.pdf
XHTML Web Designs.pdf
Ayesha Siddika
 
Hypertext markup language (html)
Hypertext markup language (html)Hypertext markup language (html)
Hypertext markup language (html)
Aksa Sahi
 
Web Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV SyllabusWeb Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV Syllabus
NANDINI SHARMA
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
vishal choudhary
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3
inshu1890
 
Importance of HTML
Importance of HTMLImportance of HTML
HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5
Team Mango Media Private Limited
 
What are new added in HTML5?
What are new added in HTML5?What are new added in HTML5?
What are new added in HTML5?
Chetu
 
Html Concept
Html ConceptHtml Concept
Html Concept
Jaya Kumari
 
HTML5 New Tags
HTML5 New TagsHTML5 New Tags
HTML5 New Tags
Ducat
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
ijceronline
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
patelpriyank01
 
Html5
Html5Html5
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technology
Linda Jacobson
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
ssuser6478a8
 
HTML5 and XHTML2
HTML5 and XHTML2HTML5 and XHTML2
HTML5 and XHTML2
Michael(tm) Smith
 
Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith
 
Grade 10 COMPUTER
Grade 10 COMPUTERGrade 10 COMPUTER
Grade 10 COMPUTER
Joel Linquico
 
1 introduction
1 introduction1 introduction
1 introduction
SatyakiDas12
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
Satishkumar722293
 

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

XHTML Web Designs.pdf
XHTML Web Designs.pdfXHTML Web Designs.pdf
XHTML Web Designs.pdf
 
Hypertext markup language (html)
Hypertext markup language (html)Hypertext markup language (html)
Hypertext markup language (html)
 
Web Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV SyllabusWeb Engineering UNIT III as per RGPV Syllabus
Web Engineering UNIT III as per RGPV Syllabus
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3
 
Importance of HTML
Importance of HTMLImportance of HTML
Importance of HTML
 
HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5
 
What are new added in HTML5?
What are new added in HTML5?What are new added in HTML5?
What are new added in HTML5?
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
HTML5 New Tags
HTML5 New TagsHTML5 New Tags
HTML5 New Tags
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
 
Html5
Html5Html5
Html5
 
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technology
 
HTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tagHTML element is everything between the start tag and the end tag
HTML element is everything between the start tag and the end tag
 
HTML5 and XHTML2
HTML5 and XHTML2HTML5 and XHTML2
HTML5 and XHTML2
 
Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008Michael(tm) Smith: HTML5 at Web Directions South 2008
Michael(tm) Smith: HTML5 at Web Directions South 2008
 
Grade 10 COMPUTER
Grade 10 COMPUTERGrade 10 COMPUTER
Grade 10 COMPUTER
 
1 introduction
1 introduction1 introduction
1 introduction
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 

More from Rasin Bekkevold

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

More from Rasin Bekkevold (14)

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

Recently uploaded

Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 

Recently uploaded (20)

Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 

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