What Markup Actually Does On A Web Page

HTML Markup. To the end user, it's pretty much invisible. Usually we take it for granted or forget that it's there, doing its thing behind the scenes. It's easy forget that there is so much more to a web page than just visible content. What we see in our browsers is only a part of what the computer sees.

So, if we don't always see what HTML tags do, what are they doing?

Tags -- like <title>, <h>, <p>, and others -- but all have a common purpose: they are containers that define the function and hierarchy of their contents. Some of these tags have attributes. Those attributes can further define the role, relationship, or unique identity of that particular element.


Tags can even serve meta information -- content about content -- an abstraction of the document itself, much like the synopsis on the back of a novel.

HTML Markup tells browsers what a container is. A title? A paragraph? Emphasised text? A link? CSS markup (or rules) tells the browser how to display each of those containers.

When a web page has logical HTML markup that follows the flow of the document it displays, you can remove all the CSS (styling) and it would still remain readable. On other sites that follow a less logical, less organized markup, entire pages could end up terribly messy, making the site difficult to navigate.

SEP page with CSS...
The same page without CSS
The heavier in "style" a page is, the less it "works" without (CSS) styling[/caption

[caption align="center" width="600"]SNAGHTML8a0bbe4dWithout the CSS this page falls apart in loose elements

Additional Posts

5 Social Media Presence Steps To Prevent Your Brand From Sinking Like A Lead Balloon


Landing Page Optimization Beyond The Color Of Your CTA Button

How to Make Your Business Stand Out from the Crowd of Competitors

Read previous post:
5 Social Media Presence Steps To Prevent Your Brand From Sinking Like A Lead Balloon

...