HTML V/s XML

-


HTML is the markup language which helps you to create and design web content. It has a variety of tag and attributes for defining the layout and structure of the web document. It is designed to display data in a formatted manner. A HTML document has the extension .htm or .html.

You can edit HTML code is any basic code editor, even notepad. The edited code can be executed in any browser. Browsers render the tags used and present the content you want to display with or without applied formatting.

XML is a markup language which is designed to store data. It's popularly used or transfer of data. It is case sensitive. XML offers you to define markup elements and generate customized markup language. The basic unit in the XML is known as an element. Extension of XML file is .xml

KEY DIFFERENCE

  • XML is abbreviation for eXtensible Markup Language whereas HTML stands for Hypertext Markup Language.
  • XML mainly focuses on transfer of data while HTML is focused on presentation of the data.
  • XML is content driven‭‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ whereas HTML is format driven‭‬‬‬‬‬‬‬.
  • XML is Case sensitive while HTML is Case insensitive.
  • XML provides namespaces support while HTML doesn't provide namespaces support.
  • XML is strict for closing tag while HTML is not strict.
  • XML tags are extensible whereas HTML has limited tags.
  • XML tags are not predefined whereas HTML has predefined tags.

Example of XML

<?xml version="1.0>
<address>
<name> Krishna Rungta</name> 
<contact>9898613050</contact>
<email>krishnaguru99@gmail.com</email>
<birthdate>1985-09-27</birthdate>
</address>

Example of HTML

<!DOCTYPE html>
<html>
<head>
<title> Page title </title> </head>
<body>
<hl> First Heading</hl> 
<p> First paragraph.</p> 
</body>
</html>

Difference between HTML and XML

Parameter  XML HTML
Type of language XML is a framework for specifying markup languages. HTML is predefined markup language.
Language type Case sensitive Case insensitive
Structural details It is provided It is not provided.
Purpose Transfer of data Presentation of the data
Coding Errors No coding errors are allowed. Small errors are ignored.
Whitespace You can use whitespaces in your code. You can't use white spaces in your code.
Nesting Should be done appropriately. Does not have any effect on the code.
Driven by XML is content driven‭‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ HTML is format driven‭ ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬
End of tags The closing tag is essential in a well-formed XML document. The closing tag is not always required. <HTML> tag needs an equivalent </HTML> tag but <br> tag does not require </br> tag
Quotes Quotes required around XML attribute values‭. ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ Quotes are not required for the values of attributes‭.‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬
Object support Objects have to be expressed by conventions. Mostly using attributes and elements. Offers native object support
Null support Need to use xsi:nil on elements in an XML instance document and also need to import the corresponding namespace. Natively recognizes the null value.
Namespaces XML provides support for namespaces. It helps you to remove the risk of name collisions when combining with other documents. Does not support the concept of namespaces. Naming collisions can be avoided either using a prefix in an object member name or by nesting objects.
Formatting decisions Require more significant effort to map application types to XML elements and attributes. Provides direct mapping for application data.
Size Documents are mostly lengthy in size, especially when an element-centric approach used in formatting. The syntax is very brief and yields formatted text.
Parsing in Javascript Requires an XML DOM implementation and application code to map text back into JavaScript objects. No extra application code required to parse text. For this purpose, you can use the eval function of JavaScript.
Learning curve Very hard as you need to learn technologies like XPath, XML Schema, DOM, etc. HTML is a simple technology stack that is familiar to developers.


Ref:https://www.guru99.com/xml-vs-html-difference.html

Comments

Post a Comment

Popular posts from this blog

REST API

-
Image
What is a REST API? REST or RESTful API design (Representational State Transfer) is designed to take advantage of existing protocols. While REST can be used over nearly any protocol, it usually takes advantage of HTTP when used for Web APIs. This means that developers do not need to install libraries or additional software in order to take advantage of a REST API design. REST API Design was defined by Dr. Roy Fielding in his 2000 doctorate dissertation. It is notable for its incredible layer of flexibility. Since data is not tied to methods and resources, REST has the ability to handle multiple types of calls, return different data formats and even change structurally with the correct implementation of hypermedia. This freedom and flexibility inherent in REST API design allow you to build an API that meets your needs while also meeting the needs of very diverse customers. Unlike SOAP , REST is not constraine
Read more

What Is Hardware Acceleration and Why Does It Matter

-
Image
Chances are you’ve seen a “hardware acceleration” option when using various applications and devices. You may have even needed to enable or disable it to boost performance/prevent bugs in one of your favorite applications, but you may not have known why. In this article we’ll explain everything you need to know about hardware acceleration and whether or not your apps might benefit from using it. Defining Hardware Acceleration Hardware acceleration is a term used to describe tasks being offloaded to devices and hardware which specialize in it. By default in most computers and applications the CPU is taxed, first and foremost, before other pieces of hardware are. While this is fine in most general usage cases, especially if someone has a strong CPU, there are others where it might be smart for your computer to utilize the other components in your system. This is where hardware acceleration comes into play, and we’ll give a few popular usage cases: Sound cards   can be utilized by hardwar
Read more