Skip to content

Instantly share code, notes, and snippets.

@pafnuty

pafnuty/h5bp-start-page

Created December 21, 2012 05:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pafnuty/4350805 to your computer and use it in GitHub Desktop.
Save pafnuty/4350805 to your computer and use it in GitHub Desktop.
Download ZIP
HTML: html5 (h5bp) start page
Raw
h5bp-start-page
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ru"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="ru"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="ru"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="ru"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Заголовок страницы</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Icon for Opera 11.1x SpeedDial (min size 114x144px max size 256x160px) http://dev.opera.com/articles/view/opera-speed-dial-enhancements/ -->
<link rel="icon" type="image/png" href="apple-touch-icon-114x114-precomposed.png">
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if lt IE 8]><p class=chromeframe>Ваш браузер <em>устарел!</em> <a href="http://windows.microsoft.com/ru-RU/internet-explorer/downloads/ie" taraget="_blank">Обновите его до актуальной версии</a> или <a href="http://www.updateyourbrowser.ru/" taraget="_blank">Установите более современный</a> и главное, более безопасный браузер.</p><![endif]-->
<header role="banner">
<div>Шапка</div>
<div class="search" role="search">
<form method="post" action="go.php">
<div>
<input class="s_text" type="text" name="search" id="search" title="Поиск по сайту" value="Поиск" onfocus="this.value = '';" />
<input class="s_submit" type="submit" value="Найти" />
</div>
</form>
</div>
<nav role="navigation">
<ul>
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт1</a></li>
<li><a href="#">Пункт1</a></li>
</ul>
</nav>
</header>
<section role="main">
<h1>Контент</h1>
<article>
<p>Какаято инфформация</p>
</article>
</section>
<aside role="complementary"><p>Сайдбар или другая второстепенная область.</p></aside>
<footer role="contentinfo">
<div>Подвал</div>
</footer>
<!-- begin scripts -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/scripts.js"></script>
<!-- end scripts -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment