gitwtfhub

wtf is head?

joshbuchea/head — explained in plain English

Analysis updated 2026-06-20

30,270Audience · developerComplexity · 1/5Setup · easy

TL;DR

A complete reference guide listing every valid HTML head element, from character encoding and viewport settings to favicons and social sharing previews, with copy-ready examples for each.

Mindmap

mindmap
  root((head))
    Meta tags
      Charset
      Viewport
      Description
    Social sharing
      Open Graph
      Twitter cards
      LinkedIn preview
    Icons
      Favicon
      iOS icons
      Android icons
    Scripts and links
      Stylesheets
      Preload hints
      Related pages

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Make sure a web page shows up correctly on mobile devices by adding the right viewport and charset tags.

REASON 2

Add the exact meta tags so a page generates a rich preview card when shared on social media platforms.

REASON 3

Set up favicons and home screen icons so a site looks polished in browser tabs and on mobile devices.

REASON 4

Audit an existing site's head section against a single authoritative checklist to find missing or misconfigured tags.

How it stacks up

joshbuchea/headdatawhalechina/self-llmtatsu-lab/stanford_alpaca
Stars30,27030,27830,253
LanguageJupyter NotebookPython
Setup difficultyeasyhardhard
Complexity1/53/55/5
Audiencedeveloperdeveloperresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Wtf does this do

This repository is a reference guide that lists every valid element you can put inside the HTML head tag, the invisible section at the top of a web page that browsers and search engines read before showing anything to users. The head tag is where you declare things like the page title, character encoding, viewport settings for mobile, favicons, and social sharing previews. The guide is organized into categories: a recommended minimum set of elements every page should have, followed in-depth sections on meta tags (which tell browsers and search engines about your page), link tags (for connecting stylesheets, icons, and related pages), scripts, and platform-specific settings for iOS, Android, and various browsers. It also covers social sharing tags so platforms like X or LinkedIn display a rich preview card when someone shares your link. You would use this as a lookup resource when building or reviewing a web page. If you want to make sure your page shows up correctly on mobile devices, has the right icon in browser tabs, or generates proper preview cards on social media, this guide tells you exactly which head elements to add and in what order. It is especially useful for front-end developers and beginners who need a single authoritative checklist rather than hunting through scattered documentation. No programming language or framework is required, it is pure HTML reference material.

Yoink these prompts

Prompt 1
Using the joshbuchea/head reference, give me the minimum recommended HTML head elements I need for a new landing page.
Prompt 2
I want my website to show a preview image and title when shared on Twitter and LinkedIn. Based on the head repo, give me the exact meta tags to add.
Prompt 3
Based on the joshbuchea/head guide, what head elements do I need to make my site installable as a mobile web app on iOS and Android?
Prompt 4
Review the head section of my HTML and tell me which tags from the joshbuchea/head reference I am missing: [paste your HTML here]

Frequently asked questions

wtf is head?

A complete reference guide listing every valid HTML head element, from character encoding and viewport settings to favicons and social sharing previews, with copy-ready examples for each.

How hard is head to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is head for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.