Base HTML

Overview

The Hantsweb template keeps CSS and Scripts simple. There is one principle CSS file.

Sub-sites may have their own CSS file, applied at the template level.

Example
WCMS use
MVC.net use
Code

The base HTML5 page structure for all Hantsweb content is as follows:

<!doctype html>
<html lang="en">
 <head>
  <base href="http://www3.hants.gov.uk/" />
  <meta charset="utf-8">
  <title>Hampshire County Council</title>
  <!--[if lt IE 9]>
   <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <meta name="viewport" content="initial-scale=1" /> 
  <link id="styles-core" rel="stylesheet" href="//www.hants.gov.uk/ajax/services/min/?b=ajax/css/wcms&f=core-wcms-replacement.css"/>
  <!--[if lt IE 9]>
   <link rel="stylesheet" href="//www.hants.gov.uk/ajax/css/wcms/wcms-replacement-ie.css"/>
  <![endif]-->
  <link rel="shortcut icon" href="images/favicon.ico"/>
  <link rel="apple-touch-icon-precomposed" href="wcms-hcc-57.png"/>
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="wcms-hcc-72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="wcms-hcc-114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="wcms-hcc-144.png" /> 
 </head>
 <body>
  <div>
   <nav class="skip-links two columns alpha">
    <ul class="remove-sides">
     <li>
      <a href="registration-new.htm#page" class="thumbnail">Skip to section navigation</a>
     </li>
     <li>
      <a href="registration-new.htm#page_content" class="thumbnail">Skip to content</a>
     </li>
     <li>
      <a href="registration-new.htm#global_footer" class="thumbnail">Skip to footer</a>
     </li> 
    </ul>
   </nav>
   <!-- googleoff: all -->
   <!-- start: global header -->
   <!-- end: header -->
   <!-- start: site-wide alerts -->
   <!-- end: site-wide alerts -->
   <section id="page">
    <!-- start: site header -->
    <!-- end: site header -->
    <!-- start: site navigation -->
    <!-- end: site navigation -->
    <div class="container">
     <div class="content" id="page_content" role="main">
      <!-- googleon: all -->
      <!-- googleoff: all -->
     </div>
    </div>
    <!-- start: site footer -->
    <!-- end: site footer -->
   </section>
   <!-- start: global footer -->
   <!-- end: global footer -->
  </div>
  <script src="//ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js"></script>
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript" src="//www.hants.gov.uk/ajax/services/min/?b=ajax/apps/wcms&f=plugins-wcms-replacement.js"></script>
  <!-- start: custom scripts -->
  <!-- end: custom scripts -->
  <!-- googleon: all -->
 </body>
</html>
Version and status
  • 1
  • current version
  • Concept