Why does the HTML on my blogger look so clunky?

Issue

I wanted to write a blog on blogger, and I want to use CSS. The guide of the CSS I want to use says to insert a command inside the HTML of the blog. When I open the blog in HTML mode, I am greeted by this :

But every video I find online, gets everything in an ordered way:

Btw I am using Mathjax css on my blog as well.

Solution

What you are looking at is a "Minified" file (a file that has had all its unnecessary characters removed).

Files are minified to reduce the number of bytes that must pass across the network, generally by removing whitespace and other non-pertinent data like comments, in order to improve site performance and reduce page load times.

For sites with small usage or simple content, minifying a file won't improve the performance of the site much, but for very high traffic, complex sites, it can reduce the bandwidth required to host the site by a surprising margin.

It is common for a developer to work with and version control full versions of the file, with line breaks and white-space intact, and automatically minify the file as part of the build/deployment process.

if you would like to unminify your document, try a service like this

Answered By - Frank Thomas