/    Sign up×
Reference /Pin to ProfileBookmark

The head tag, or Document Metadata element, contains metadata and resides after the <html> tag and before the opening <body> tag in a document.

Syntax

Metadata is read by machines and not displayed. It is information about the current document, such as the title, character set, styles, scripts, etc. These tags can be used inside the <head> tag:

  • <title>
  • <style>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>
<!DOCTYPE html>
<html>
  <head>
    <title>This is the document's title</title>
  </head>
  <body>
    <h1>This is the heading of the document</h1>
    <p>This is some body content.</p>
  </body>
</html>

Demos

User-submitted codepen.io examples of <head>

@steime

See the Pen on CodePen.

Want to Contribute?

Submit a codepen.io link that demonstrates <head>:

to submit a demo.
HTML
×

Success!

Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 7.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ,
analytics: Fullres
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @qewfun,
tipped: live stream
amount: 5000 SATS,

tipper: @qewfun,
tipped: live stream
amount: 5000 SATS,

tipper: @qewfun,
tipped: live stream
amount: 5000 SATS,
)...