Starter templates

The template below is a good HTML boilerplate page to get started. For all internal projects, link directly to latest/base.css (FIX THIS) so that new changes to the stylesheet are automatic.


<!DOCTYPE html>
<html>
<head>
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
  <meta charset='UTF-8'/>
  <meta http-equiv='X-UA-Compatible' content='IE=edge' />
  <title>NAME | ENTSO-E</title>
  <link rel='shortcut icon' href='https://docs.entsoe.eu/ee-base/latest/graphics/meta/favicon.ico' type='image/x-icon' />
  <link href='https://docs.entsoe.eu/ee-base/latest/styles/main.css' rel='stylesheet' />
</head>
<body>
  <!--[if lt IE 11]>
      <div id="nocando">
        <h1>No can do!</h1>
        <p>You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
      </div>
    <![endif]-->
  <!-- Content -->
</body>
</html>

Code style

  • Attribute values should be wrapped in single quotes.
  • Two space, soft tab indentation
  • Paragraphs of text should always be placed in a <p> tag. Never use multiple <br/> tags.
  • List items should always be in <ul>, <ol>, or <dl>, Never a set of <div>
  • Every visible form input should use a <label> tag.