Начальный index.html
Создание шаблона начинается из заготовки уже готового документа html.
У каждого верстальщика свои способы начать верстать, так как я верстаю в большентве под DLE, то и со временем выробатался свой метод начала работы.
К начальной странице в 99% я подключаю три файла стилей (в конце можно их обьединить в один файл.)
➫"styles.css" ➫"sitka.css" ➫ "nuz.css"
=====
Правильное оформление метатегов и скриптов - смотреть
Содержание файла - index.html
<!doctype html>
<html lang="uk">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Название ☎ ⭐⭐⭐⭐⭐ ⚡ ✔️ ? ? ? ? ⬅️ ?</title>
<!-- - -->
<link rel="canonical" href="">
<meta property="og:url" content="" />
<link rel="amphtml" href="/amp/.html">
<!-- - -->
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/sitka.css" rel="stylesheet" type="text/css" />
<link async href="css/nuz.css" rel="stylesheet" type="text/css" />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400" rel="stylesheet">
</head>
<body itemscope="" itemtype="http://schema.org/WebPage">
<img itemprop="image" src="{THEME}/images/logo.png" srcset="{THEME}/images/logo@2.png 2x" alt="logo">
<header itemscope itemtype="http://schema.org/WPHeader">
<!-- Navigacia */-->
<nav itemscope itemtype="https://www.schema.org/SiteNavigationElement">
<ul class="menu">
<li itemprop="name"><a itemprop="url" href="http://">главная</a></li>
<li itemprop="name"><a itemprop="url" href="http://">автор</a></li>
</ul>
</nav>
<!-- DLE kroshki */-->
<div class="speedbar"><div class="over"><span id="dle-speedbar"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="https://rullan.in.ua/" itemprop="url"><span itemprop="title">Головна</span></a></span> » <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="https://rullan.in.ua/veb/" itemprop="url"><span itemprop="title">Блог</span></a></span> » Яскраві дизайни сайтів.</span></div></div>
</header>
<!--
<div class="row">
<div class="col-16">
</div>
<div class="col-66">
</div>
<div class="col-18">
</div>
</div>
*/-->
<footer itemscope itemtype="http://schema.org/WPFooter">
<s itemprop="copyrightHolder"><a title="Ресторан-корчма Три Ставки" href="/" itemprop="url">Ресторан-корчма "Три Ставки"</a></s>
<s itemprop="copyrightYear">2016</s> - 2018 © All Rights Reserved.
</footer>
<!--#include virtual="/vstavku-regionu/vstavka.htm"-->
<link rel="stylesheet" href="css/nuz.css">
<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie9-style.css" /><![endif]-->
<script src="js/jquery-DLE13-1.js"></script>
<script> /* menu 1 - fiksacia */
$(document).ready(function(){ var $menu = $("#nav-rull"); $(window).scroll(function(){ if ( $(this).scrollTop() > 55 && $menu.hasClass("remfix") ){ $menu.removeClass("remfix").addClass("fixed-rull"); } else if($(this).scrollTop() <= 55 && $menu.hasClass("fixed-rull")) { $menu.removeClass("fixed-rull").addClass("remfix"); } });scroll });
</script>
</body>
</html>
<!-- Stvoreno - rullan.in.ua - 2019 -->
/* DLE search */
<form id="q_search" method="post">
<input id="story" name="story" placeholder="Поиск по сайту..." type="search">
<button type="submit" title="Виконати пошук"><u>⇝</u></button>
<a href="/index.php?do=search&mode=advanced" title="Расширенный поиск">Расширенный поиск</a>
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
</form>
-->