Menu Uno designsysteem 5.3.5

Documentstructuur

Onderstaande snippet bevat de minimale inhoud van een uno-pagina:

<!DOCTYPE html>
  <html lang="nl">
  <head>
  <link rel="stylesheet" href="/node_modules/uno/dist/core/uno.css" media="screen" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  </head>
  <body>

  HIER KOMT DE INHOUD VAN JE PAGINA

  <script src="/node_modules/when/es6-shim/Promise.min.js"></script>
  <script src="/node_modules/uno/dist/vendor/js/s.min.js"></script>
  <script src="/node_modules/uno/dist/vendor/js/system.resolve-hook.min.js"></script>
  </body>
  </html>
  • Uno bevat HTML5 elementen. Begin daarom altijd met de !DOCTYPE html declaratie.
  • Uno is mobile-first. Om de juiste weergave en touch zooming te garanderen voeg je de viewport meta tag toe aan de head
  • Voor oudere versies van internet explorer voegen we de meta tag x-ua-compatible toe aan de head, zodat deze zich altijd als de laatst beschikbare versie gedraagt.