Build a new website and ensure it displays correctly on mobile devices with proper viewport settings.
Add social media preview cards so your links show rich thumbnails and descriptions when shared on X or LinkedIn.
Set up favicons and browser tab icons so your site appears with the right branding across all devices.
Create an SEO-optimized page by adding the correct meta tags for search engines and social platforms.
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.
Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.