Starter template

The template below is a good HTML boilerplate page to get started. For all internal projects, link directly to latest/base.css 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 />
  <title>NAME | Mapbox</title>
  <link rel='shortcut icon' href='path/to/favicon.ico' type='image/x-icon' />
  <link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet' />
</head>
<body>
  <!-- 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.