Skip to content

Instantly share code, notes, and snippets.

@talgautb

talgautb/boilerplate.html

Last active November 14, 2015 12:30
Show Gist options
  • Save talgautb/3be61a5dac98b3639095 to your computer and use it in GitHub Desktop.
Save talgautb/3be61a5dac98b3639095 to your computer and use it in GitHub Desktop.
Download ZIP
Simple html boilerplate
Raw
boilerplate.html
<!DOCTYPE html>
<html class="ua" lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title itemprop="name">My page</title>
<meta name="description" content="Some description" itemprop="description"/>
<meta name="keywords" content="some, keywords" itemprop="keywords"/>
<!-- Mobile viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="icon" type="image/png" href="link/to/favicon.png">
<!-- link to stylesheet -->
<link rel="stylesheet" href="link/to/style.css">
<!-- Feed -->
<link rel="alternate" type="application/rss+xml" title="Feed" href="link/to/feed/">
<!-- author | humans.txt -->
<link rel="author" href="link/to/humans.txt"/>
<link rel="author" href="https://plus.google.com/you_url" />
<link rel="canonical" href="http://site.com" itemprop="url"/>
</head>
<body class="page">
<header class="page__header header" role="banner">
</header>
<!-- .header -->
<nav class="page__nav mainmenu" aria-label="Main navigation" role="menu">
<ul class="mainmenu__list" role="navigation">
<li class="mainmenu__item" role="menuitem">
<a href="" class="mainmenu__link">Link</a>
</li>
</ul>
</nav>
<!-- .mainmenu -->
<main class="page__main main" role="main">
<section class="main__content">
<article role="article" class="article">
</article>
</section>
<!-- .content -->
<aside class="main__sidebar sidebar" role="complementary">
<div class="sidebar__form-wrap" role="form">
<form action="" class="form" role="search">
</form>
<!-- .form -->
</div>
</aside>
<!-- .sidebar -->
</main>
<!-- .main -->
<footer class="page__footer footer" role="contentinfo">
</footer>
<!-- .footer -->
<!-- include plugins and others -->
<script src="link/to/script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment