SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados (20)

Java Data Types
Java Data TypesJava Data Types
Java Data Types
 
Os ppt
Os pptOs ppt
Os ppt
 
Oop concepts in python
Oop concepts in pythonOop concepts in python
Oop concepts in python
 
JAVA AWT
JAVA AWTJAVA AWT
JAVA AWT
 
Object Oriented Paradigm
Object Oriented ParadigmObject Oriented Paradigm
Object Oriented Paradigm
 
Hardware & Software
Hardware & SoftwareHardware & Software
Hardware & Software
 
Architecture of .net framework
Architecture of .net frameworkArchitecture of .net framework
Architecture of .net framework
 
Types and components of computer system
Types and components of computer systemTypes and components of computer system
Types and components of computer system
 
Lect 1. introduction to programming languages
Lect 1. introduction to programming languagesLect 1. introduction to programming languages
Lect 1. introduction to programming languages
 
Primary memory (main memory)
Primary memory (main memory)Primary memory (main memory)
Primary memory (main memory)
 
Javascript
JavascriptJavascript
Javascript
 
C language ppt
C language pptC language ppt
C language ppt
 
Event handling
Event handlingEvent handling
Event handling
 
Debugging
DebuggingDebugging
Debugging
 
Introduction to Compiler design
Introduction to Compiler design Introduction to Compiler design
Introduction to Compiler design
 
Compilers
CompilersCompilers
Compilers
 
Object Oriented Programming Using C++
Object Oriented Programming Using C++Object Oriented Programming Using C++
Object Oriented Programming Using C++
 
Phases of Compiler
Phases of CompilerPhases of Compiler
Phases of Compiler
 
Unit 3. Input and Output
Unit 3. Input and OutputUnit 3. Input and Output
Unit 3. Input and Output
 
Major issues in data mining
Major issues in data miningMajor issues in data mining
Major issues in data mining
 

Destaque (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
 

Semelhante a The Difference between HTML, XHTML & HTML5 for Beginners

Hypertext markup language (html)
Hypertext markup language (html)Hypertext markup language (html)
Hypertext markup language (html)Aksa Sahi
 
Have You Ever Wanted To Create Your Own Webpage To Show...
Have You Ever Wanted To Create Your Own Webpage To Show...Have You Ever Wanted To Create Your Own Webpage To Show...
Have You Ever Wanted To Create Your Own Webpage To Show...Tara Hardin
 
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 SyllabusNANDINI SHARMA
 
Web engineering notes unit 3
Web engineering notes unit 3Web engineering notes unit 3
Web engineering notes unit 3inshu1890
 
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
 
Tools And Techniques Used For Interactive Website Production
Tools And Techniques Used For Interactive Website ProductionTools And Techniques Used For Interactive Website Production
Tools And Techniques Used For Interactive Website ProductionLisa Brown
 
HTML5 New Tags
HTML5 New TagsHTML5 New Tags
HTML5 New TagsDucat
 
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: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technologyLinda 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 tagssuser6478a8
 
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 2008Michael(tm) Smith
 

Semelhante a The Difference between HTML, XHTML & HTML5 for Beginners (20)

Hypertext markup language (html)
Hypertext markup language (html)Hypertext markup language (html)
Hypertext markup language (html)
 
Have You Ever Wanted To Create Your Own Webpage To Show...
Have You Ever Wanted To Create Your Own Webpage To Show...Have You Ever Wanted To Create Your Own Webpage To Show...
Have You Ever Wanted To Create Your Own Webpage To Show...
 
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
 
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?
 
Tools And Techniques Used For Interactive Website Production
Tools And Techniques Used For Interactive Website ProductionTools And Techniques Used For Interactive Website Production
Tools And Techniques Used For Interactive Website Production
 
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
 

Mais de 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 ExperiencesRasin 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 2017Rasin 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 FrameworksRasin 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 ApplicationRasin 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
 

Mais de Rasin Bekkevold (12)

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...
 

Último

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 

Último (20)

UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 

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