Structure Story for Makers

From handwritten papers to today's webpages, the people who kept asking "how should we organize what we write?"

In a 1960s university research lab in America, writing a single paper meant staying up until dawn lining up titles, footnotes, and page numbers by hand. A frustrated researcher muttered, "What if I could just mark 'this is a heading' and 'this is a footnote,' and the computer sorted it out for me?" That's how the whole idea of letting machines organize documents got started.

Years later, that same idea showed up when people started building pages for the internet. One researcher came up with a simple set of marks — "this is a title, this is text, this is a picture" — and it became the foundation of every website you visit today. Designers and developers then built on top of it with tools that said, "grab this part and the look and the meaning come along with it."

Tap a year button below and you'll meet the folks who tried to fix the little annoyances of their time — and the habits of theirs that still shape the web today. Don't worry if you hit an unfamiliar word; we'll walk you through it with the people and the situations, not the jargon.

Selecting a year opens a dialog close to the button so you can keep your reading position.

1960s

"Writing one paper means pulling an all-nighter"

In an MIT lab where researchers traced footnote positions with their fingers at 3 a.m., a grad student said, "Can't I just write 'center this' and let the computer do it?" — and a whole new way of handing work to machines began.

1970s

"I opened it on another computer and everything broke"

Back when a paper sent between universities came out with the title looking like body text and footnotes in random places, the idea of "a document that looks the same wherever you open it" quietly grew — first at Carnegie Mellon, then in a Geneva meeting room.

1980s

"Let's get to the next room's paper with one click"

After a complicated international standard was finally settled, CERN's Tim Berners-Lee said, "This is way too hard — nobody will actually use it," and kept only a handful of tags in a light little memo. That memo turned out to be the start of the web.

1990s

"It looks different in every browser"

The same page looked fine in Netscape and broken in Internet Explorer — so experts sat down and wrote the official rules for "this tag means this." And soon after, the web where your "like" count updates on the spot arrived.

2000s

"We can't just keep waiting"

While the web standards body crawled along, Apple, Firefox, and Opera got fed up and said, "Fine, we'll build it ourselves." Meanwhile, working developers showed that a humble little promise like class="tel" was enough to start a conversation with search engines.

2010s

"A web everyone can read"

Fierce rivals Google, Bing, and Yahoo sat down together and built a shared word list, and screen readers for blind users stopped saying "box, box, box" and started saying, "ah, here's the main content."

2020s

"Fix it once and the app and the website change together"

Google, IBM, and Microsoft handed their design rulebooks to the whole world for free, and suddenly changing a single color code updated a website, an iOS app, and an Android app at the same time.

Further Reading

Primary specifications and field notes that shaped SGML, HTML, and accessibility best practices.