Skip to content

1 or 2 credits, some free · 1 credit is about $1

pocketshelf

HTML Meta, SEO and Media Cheat Sheet

A 2-page reference for head tags, SEO basics and media elements: 14 short entries with copy-ready code.

ForDevelopers

html-meta-seo-and-media-cheat-sheet.pdfShowing 17 of 66 lines
// Document skeleton
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Page title</title>
</head>
<body></body>
</html>

// Description and canonical
<meta name="description" content="A clear 150 character summary.">
<link rel="canonical" href="https://example.com/page">

// Open Graph tags
<meta property="og:title" content="Title">
<meta property="og:description" content="Summary">

What's inside

Format
PDF, Markdown
Contents
14 sections · 2 pages
Version
1.0 · Updated 3 Oct 2026
Licence
Commercial What this means
Checked
Checked before it ships
  • html-meta-seo-and-media-cheat-sheet.pdfPDF · 20 KB
  • html-meta-seo-and-media-cheat-sheet.mdMarkdown · 2 KB
  • LICENSE.txtadded to every download

About this item

A compact, printable reference for head tags, SEO basics and media elements. Each of the 14 entries has a one-line explanation and a small example you can paste into your editor. The PDF uses a two-column A4 layout designed to sit next to your keyboard, and the same content ships as Markdown so you can search it or drop it into your notes. Every HTML example targets HTML Living Standard.

  • HTML
  • Media
  • SEO
  • Meta tags
  • Cheat sheet

Reviews

No reviews yet.

You might also grab