Document's head related attributes are used to define document specific characteristics. The most common are document's meta data such as related keywords, content information and others.

Related elements:

profile attribute:

HEAD

content attribute:

META

scheme attribute:

META

http-equiv attribute:

META

media attribute:

STYLE, LINK

defer attribute:

SCRIPT

Attribute characteristics and purpose:

profile attribute:

  • specifies a white space separated list of meta data profiles
  • its value is an URI type of data
  • the URI location may be used in two ways: as a global unique name (may be recognized by browsers without retrieving the profile) and as a link

content attribute:

  • specifies a property's value
  • it is used in combination with the name attribute to specify the name / value pair

scheme attribute:

  • specifies the scheme to be used to interpret the property's value which helps browser understand a property if the value is written in a different format

http-equiv attribute:

  • used to present information for HTTP message headers
  • sometimes used instead of the name attribute

media attribute:

  • a comma separated list that specifies the intended media for style information or external link source
  • the default value is "screen", meaning that the source linked is intended for the regular screen media (color computer screens)
  • other possible values are: all (all devices), Braille, embossed (page Braille printers), handheld (small screens, limited bandwidth), print (print preview mode), projection, speech (speech synthesizers), tty (teletypes, terminals...), tv

defer attribute:

  • a Boolean type of data that tells a browser to skip parsing the script (i.e. JavaScript) till whole HTML code is loaded and served

XML Declaration:

<head profile="http://www.brenkoweb.com/m">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Description" content="Brenko.web HTML tutorial" />
  <meta name="Copyright" content="Copyright © 2011, 2012, 2013 bwd" />
  <meta name="robots" content="noindex,follow" />
</head>

Links, scripts and style sheets:

<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="../script/script.js"></script>

 

›› go to examples ››