Head element
The HTML head element contains document metadata and resource references that are not normally displayed as the page's main content.
Web Design Playground
An HTML element that contains metadata and other non-visible information about a document, such as title and style information.
- How it is used
- Organizes browser-facing information separately from the visible HTML placed in the body element.
- How deep it goes
- Defines the element’s position and common contents, but stops short of deeper browser processing details.
- Examples
- Uses a starter HTML listing containing meta charset, title, style, head, and body elements.
- What you can do after
- Build a basic HTML page structure and place metadata, a title, and CSS inside its head element.
Web Design Playground, Second Edition
The HTML head element contains document metadata, the page title, and resource declarations rather than the page's main rendered content.
- How it is used
- Introduces page metadata, the title, and CSS before visible content begins in the body.
- How deep it goes
- Defines the head’s role and names common child elements, without descending into browser internals.
- Examples
- Uses a complete page skeleton containing doctype, html, head, meta, title, style, and body elements.
- What you can do after
- Understand how to place metadata, a page title, and CSS in a basic HTML document.
Read how Web Design Playground, Second Edition explains head element →
Related concepts
- holy-grail layoutpart of · The Holy Grail layout is a web page pattern with central content flanked by sidebars, typically accompanied by a header and footer.
- HTML elementpart of · An HTML element is a component of an HTML document, defined by markup and represented in the document structure, with permitted attributes, content, and semantics.
- containeruses · A media file format that packages streams such as video and audio, along with codecs and metadata, into a single file structure.
- style elementhas part · A style element is an HTML element containing CSS rules that apply to a document or an applicable shadow tree.
- title elementhas part · The HTML title element specifies a document’s title, which browsers and other technologies use in tabs, history, bookmarks, search results, and accessibility contexts.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.