Where does XML fit in relation to website and webpages?

fog37 · Aug 11, 2021

Hello,

I understand that webpages are created using HTML which defines the structure of the document using a finite number of specified tags, like <p>, <head> etc.

In XML, the user can create customized tags (as long as certain rules are respected). The XML file recipient must then be able to interpret those custom tags. But where does a XML file play a role in the context of the internet and the web?
Webpages, written in HTML, are generally uploaded to servers and then viewed by the client's browser. A XML file more clearly specifies the content type of a document so a human going through the file can more clearly understand. XML files are read using XML parsers...
Is a XML file sent along with the HTML file when a webpage is created?

Thank you!

jedishrfu · Aug 11, 2021

They are two distinct formats for documents. HTML is specifically geared to web pages whereas XML is focused on accurately describing complex information and its attributes. As an example, a spreadsheet might be represented as an XML file and can be imported into a spreadsheet tool. The xml tagging describes the data sufficient for the spreadsheet tool to import it. Typically there would be no rendering tags like preferred fonts for some field or preferred color instead it would describe the fields units of measure or whatever was needed.

XML is good at conveying binary data in textual format as sometimes binary would get corrupted when being transmitted over the network as part of a document.

Here's a more descriptive difference between them:

https://courses.cs.vt.edu/~cs1204/XML/htmlVxml.html

Here's a bloggers article on the differences and intents:

https://www.upgrad.com/blog/html-vs-xml/#:~:text=HTML and XML are related,language that defines other languages.

jack action · Aug 11, 2021

I feel like Wikipedia has all the answers to your questions. If you look at the list of XML markup languages, I would bring your attention to RSS, SVG, or MathML for examples of how it can be used in the context of the web.

DaveC426913 · Aug 11, 2021

fog37 said:

Is a XML file sent along with the HTML file when a webpage is created?

It can be. When I am producing webpages that contain a lot of data, I will often store the data in an XML file, then access it from the HTML page using a JavaScript XML parser.

Actually, more often I'll use JSON

Sample JSON:

{
    "title": "Dave's Biography",
    "columns": [{
        "header": "Year",
        "rows": [
            1964
        ]
    },{
        "header": "Month",
        "seasons":[{
            "title": "Jan-Mar"
        },{
            "title": "Apr-Jun"
        },{
            "title": "Jul-Sep"
        },{
            "title": "Oct-Dec"
        }]
...

sysprog · Aug 11, 2021

This is in XML/SVG; not in HTML: https://media.inkscape.org/media/resources/file/Koi_carp_2.svg

The browser can display it as if it were an image/animation, but it's in fact a text file -- you can download it, edit the text, and then check out the effects of the edits by loading the new version into the browser.

XML allows association of semantic context with raw data.

fog37 · Aug 11, 2021

DaveC426913 said:
It can be. When I am producing webpages that contain a lot of data, I will often store the data in an XML file, then access it from the HTML page using a JavaScript XML parser.

Actually, more often I'll use JSON
Sample JSON:
{
    "title": "Dave's Biography",
    "columns": [{
        "header": "Year",
        "rows": [
            1964
        ]
    },{
        "header": "Month",
        "seasons":[{
            "title": "Jan-Mar"
        },{
            "title": "Apr-Jun"
        },{
            "title": "Jul-Sep"
        },{
            "title": "Oct-Dec"
        }]
...

Thanks DaveC42913.

So it is a data-exchange format to send data in a text format. JSON does the same thing. What do you mean when you say "producing webpages that contain a lot of data"? What kind of data? Can you give me an example?
My basic understanding is a webpage with HTML, CSS, and JS. What other kind of data?

I did read that SVG, which is a vector graphics format, is essentially an XML file.

As far as JSON, I read that converting data to JSON and vice versa is called serialization/deserialization and a JSON file is called a "string"...like a sequence of bytes? Every transmitted file is a sequence of bytes...

sysprog · Aug 11, 2021

I defer to what @jack action said, as the full answers are pretty big, much too lengthy to be presented here . . . maybe look up xhtml to start delving . . .

sysprog · Aug 11, 2021

@fog37: I think that @DaveC426913 is referring to dynamically generated web pages (including with dynamically-fetched scripts) -- if you have a static page, any data on it is probably less up-to-the-minute than that which on a dynamic page would be -- XML stored procedures (and html with javascript) can include SQL stored procedures -- if you're designing a page that presents, e.g., the daily news, you might want your javascript code to consult and present parts of a database, so that the web page is newly made for the daily news purpose.

PeterDonis · Aug 11, 2021

fog37 said:

where does a XML file play a role in the context of the internet and the web?

It doesn't, really (except for the case where XML is used in Javascript to send data back and forth between browser clients and servers using AJAX), but there was a movement years ago to push adoption of the XHTML specification, which was a form of HTML that was also valid XML. If this movement had succeeded, web pages fetched by your browser would have been valid XML documents.

The main reason this movement failed is that XML, as a data format, is extremely specific and intolerant of variation, and most people who are writing web content simply don't want to deal with all the extra fuss of having to have every web page they write meet an extremely specific, variation intolerant specification. They just want to write web pages. HTML (and in particular HTML 5, the current version) is much looser than XML and is much easier for web page writers to work with, particularly ones who don't have a lot of time to spend worrying about the precision of their document formats.

PeterDonis · Aug 11, 2021

fog37 said:

As far as JSON, I read that converting data to JSON and vice versa is called serialization/deserialization

This is true of data in any format, not just JSON. The data your computer program works with is not the same as the data that gets stored on disk or sent over the network. Converting between the two is therefore necessary, and that's what serialization/deserialization is.

fog37 said:

a JSON file is called a "string"

It is? Where?

fog37 said:

...like a sequence of bytes? Every transmitted file is a sequence of bytes...

Every file, period, is a sequence of bytes. It doesn't matter what format its data is supposed to be in.

Mark44 · Aug 12, 2021

sysprog said:

This is in XML/SVG; not in HTML: https://media.inkscape.org/media/resources/file/Koi_carp_2.svg

Cool animation!

Filip Larsen · Aug 12, 2021

One relationship between XML and HTML is also XLST, a way to directly convert a XML file into HTML for display for instance.

Years ago I used that quite a lot make computer generated output nicely displayable in the browser when opened or viewed. I remember one case with a traffic train position information being generated as XML, tagged with a XLST stylesheet and then displayed as a stylized track-map with "moving" train symbols when viewed by the public info display on each station.

lyuc · Aug 12, 2021

A json file is called a string

Most of web programming is just "Put the thing on the string". Dr Seuss would have made a good web programming textbook. EDIT: I mean, what is a web page?

DaveC426913 · Aug 12, 2021

fog37 said:

What do you mean when you say "producing webpages that contain a lot of data"? What kind of data? Can you give me an example?
My basic understanding is a webpage with HTML, CSS, and JS. What other kind of data?

Here is an example:
https://davesbrain.ca/science/plates/index.html
(optimized for Chrome, other browsers may produce ... unpredictable results)
I was tracking license plates spotted on the road in an attempt to predict the first appearance of DAVE plates.
(predicted to first appear on Ontario roads in June of 2025)

As a web dev, I was taught to keep data and presentation separate. So all the data is in a file called data/plates.json, like this:

Code:

[
  {
    "plate": "CAA",
    "date": "2016-10-18",
    "tags": [ "section", "unreliable" ]
  },
  {
    "plate": "CAB",
    "date": "2016-10-18",
    "tags": [ "unreliable" ]
  },
  {
    "plate": "CAC",
    "date": "2016-10-18",
    "tags": [ "unreliable" ]
  },
 
. . .

  {
    "plate": "CEB",
    "date": "2018-01-16"
  }]

You can browse my files and code by pressing F12 while on the page. That will open the developer window.
(Some of it may not make sense because I was in the middle of adding Angular to render the line graph at the bottom.)

The convenience of doing it this way is that I don't need to involve a hugely complex and server-dependent database layer. My data/renderer page is
- entirely self-contained
- easily portable
- future-proof
- server and host agnostic
- text-only (and therefore trivial to update regularly)
(I have had problems in the past with my works rotting over time, as they move from server to server and/or webhost to webhost).Here is an example of a data-heavy page that has rotted as browsers updated their specs:
https://davesbrain.ca/science/mars_atlas/index.html
The buttons all work, but you can see (if you turn on "labels") that the white labels for surface features are all mashed into the upper left corner of the map.

PeterDonis · Aug 12, 2021

Filip Larsen said:

One relationship between XML and HTML is also XLST, a way to directly convert a XML file into HTML for display for instance.

XSLT is not a way to convert XML to HTML. It's a way to transform an XML document into a different XML document. If the XML you transform to happens to be valid HTML (or even invalid HTML that is invalid in a way that enough people have done that it's worth the effort for browsers to understand it), then a web browser will be able to parse and display it. But that is by no means the only use case for XSLT.

Filip Larsen · Aug 12, 2021

PeterDonis said:

XSLT is not a way to convert XML to HTML. It's a way to transform an XML document into a different XML document.

Which can then be (some, but not arbitrary) HTML. I still think "XLST is one way to convert XML to HTML" is a valid first-order approximation in the context of what the OP asks.

DaveC426913 · Aug 12, 2021

Filip Larsen said:

I still think "XLST is one way to convert XML to HTML"

Yup. Built "Operation Migration" 's* website that way.

*Yah. The guy with the ultralight and the geese.

Where does XML fit in relation to website and webpages?

1. What is XML and how does it relate to website and webpages?

2. Can XML be used to create a website or webpage?

3. How is XML different from HTML?

4. What are the advantages of using XML in web development?

5. How does XML fit into the modern web development landscape?

Similar threads

Hot Threads

Recent Insights