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

Quantum Computing

-
Image
Quantum Computers perform calculations based on the probability of an object's state before it is measured - instead of just 1s or 0s - which means they have the potential to process exponentially more data compared to classical computers.
Read more

XML v/s JSON

-
Image
Both JSON and XML can be used to receive data from a web server. JSON is used to store information in an organized, and easy-to-access manner. Its full form is JavaScript Object Notation. It offers a human-readable collection of data which can be accessed logically. 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 JSON object has a type whereas XML data is typeless. JSON does not provide namespace support while XML provides namespaces support. JSON has no display capabilities whereas XML offers the capability to display data. JSON is less secured whereas XML is more secure compared to JSON. JSON supports only UTF-8 encoding whereas XML supports various encoding formats. JSON Code vs XML Code Let's see a sample JSON Code { ...
Read more