Toll Free: 1-877-695-7388

GTA: (647) 699-2838

Search Engine People
  • SEO
  • SEM
  • CRO
  • Display
  • Blog
  • Why Us
  • Contact
  • Join Our Team
  • Get A Quote

Toll Free: 1-877-695-7388

GTA: (647) 699-2838

What Markup Actually Does On A Web Page

John Medina | August 8th, 2014
Tweet
Share3
Share
Pin1
4 Shares

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.

html5layout

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.

SNAGHTML8a05ace6
SEP page with CSS...
SNAGHTML8a06a8ab
The same page without CSS
SNAGHTML8a0a9dba
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

Tweet
Share3
Share
Pin1
4 Shares
Posted in Web Design

Recent Posts

  • Maximizing Your E-Commerce Sales:
    A CRO Audit Guide
  • Movin’ On Up! Why Migrating to Google Analytics 4 (GA4) Should be a Priority
  • A Year in Review: The Digital Marketing Trends That Defined 2021
  • The Basics of Video Marketing
  • Just How Much Do Google Reviews Impact Your SEO Ranking?

Categories

  • Analytics & ROI Analysis
  • Company News
  • Content
  • Conversion Optimization
  • CRO
  • Display Advertising/RTB
  • Email Marketing
  • En Español
  • En Français
  • Inbound Marketing
  • Lead Nurture & Marketing Automation
  • Local Search
  • Marketing
  • Mobile
  • Partnership Marketing
  • PPC
  • PR
  • SEO
  • Social Media Marketing
  • Web Design

Additional Posts

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

August 8th, 2014 | by Laura Blaker
bounce

Advanced Landing Page Optimization (Beyond Button Colors)

August 7th, 2014 | by Jugal Paryani

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

August 7th, 2014 | by Pooja Lohana

LET'S TALK

Need more information or want to get in touch?

Get in touch!
  • SEO
  • SEM
  • Display
  • Blog
  • Why Us
  • Join Our Team
  • Contact Us
  • Local SEO
  • Small Business SEO
  • Enterprise SEO
  • International SEO

LOCATION

1305 Pickering Parkway,
5th Floor Pickering, L1V 3P2

PHONE

Toll Free: 1-877-695-7388
Greater Toronto Area: (647) 699-2838

Social

© Search Engine People Inc. 2023 – Canada’s Top Digital Agency
© SEP 2023 – A Search Engine People Company | Privacy Policy

Search Engine People