Skip to content

Instantly share code, notes, and snippets.

@talgautb talgautb/boilerplate.html
Last active Nov 14, 2015

What would you like to do?
Simple html boilerplate
<!DOCTYPE html>
<html class="ua" lang="en" itemscope itemtype="">
<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="" />
<link rel="canonical" href="" itemprop="url"/>
<body class="page">
<header class="page__header header" role="banner">
<!-- .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>
<!-- .mainmenu -->
<main class="page__main main" role="main">
<section class="main__content">
<article role="article" class="article">
<!-- .content -->
<aside class="main__sidebar sidebar" role="complementary">
<div class="sidebar__form-wrap" role="form">
<form action="" class="form" role="search">
<!-- .form -->
<!-- .sidebar -->
<!-- .main -->
<footer class="page__footer footer" role="contentinfo">
<!-- .footer -->
<!-- include plugins and others -->
<script src="link/to/script.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.