Хочу поделиться с Вами соображениями по поводу перехода сайта системы uCoz на работу с применением типа документа HTML5 ▼
Сразу хочу заметить,просто добавив его в начало страницы вы не поступите правильно!!!
Наоборот,подобный поступок может в дальнейшем сыграть с Вашим сайтом злую шутку.
Дело в том что пока новый DOCTYPE играет относительную роль для браузера и интерпретируется сопоставимо переходному типу документа с поддержкой новых тегов.Но это временное явление и в один прекрасный момент браузеры ( не все сразу конечно ) перестанут отражать работу устаревших тегов,а так-же перестанут быть актуальными и атрибуты тегов которые не входят в тип HTML5.
Вёрстка шаблонов системы юКоз в основном построена на применении таблиц,а сами таблицы набраны с применением атрибутов устаревших в новом типе документа.
Вот пример ▼
Code
<table border="0" cellpadding="0" cellspacing="2" width="100%">
И это уже не говоря о том что новые теги в шаблонах совсем не применяются,а это играет основную роль в работе страницы с типом документа построенного на HTML5.
Могу предложить вариант перестроения уже существующих страниц сайта,для этого потребуется внести изменения на всех имеющихся страницах модулей и прикреплённых к ним видах материалов.
Вариант перестроения сайта uCoz
1.Начнём с верхней части сайта которая будет играть роль раздела .У всех сайтов сайтов разный набор верхней части,Вам потребуется выделить в тегах основную информацию,в любом случае в неё должно входить название сайта.
Вот пример ▼
Code
<header>
<div id="city" >
<h1>Название сайта</h1>
</div>
</header>
При этом нельзя разрывать структуры блочных элементов тега <div>,все открытые теги <div> внутри тегов должны быть закрыты.Может быть так что открывающий тег <div> находится в верхней части,а закрывается только в нижней.
Вот пример ▼
Code
<div id="content" >
<header>
<div id="city" >
<h1>Название сайта</h1>
</div>
</header>
Форма поиска,любые ссылки и скрипты не должны входить в раздел <header>!!!
Ссылки на дополнительные стили CSS и библиотеки JS должны находиться ниже этого раздела.
2.Теперь переходим к нижней части сайта.
Нижняя часть сайта uCoz соответствует разделу HTML5 для которой применяется тег <footer>,все скрипты и ссылки на дополнительные стили должны находиться выше этого раздела.
Вот пример ▼
Code
<link rel="stylesheet" href="http://delaisait.ucoz.ru/css/spolier.css" type="text/css" media="screen">
<script type="text/javascript">
$(document).ready(function(){
$("div.spoiler div.name span").toggle(function(){
$(this).parent("div.name").parent("div.spoiler").children("div.text").show();
$(this).parent("div.name").parent("div.spoiler").css("backgroundPosition", " -15px 0");
},function(){
$(this).parent("div.name").parent("div.spoiler").children("div.text").hide();
$(this).parent("div.name").parent("div.spoiler").css("backgroundPosition", " 0 -15px");
});
});
</script>
<footer>
<div id="footer">
<div id="copyright">
<!-- <copy> -->Copyright (c) $YEAR$<!-- </copy> --> | $POWERED_BY$
</div>
</div>
</footer>
Если открытый в верхней части тег <div> закрывается в нижней части сайта,тогда это должно выглядеть следующим образом.
Вот пример ▼
Code
<footer>
<div id="footer">
<div id="copyright">
<!-- <copy> -->Copyright (c) $YEAR$<!-- </copy> --> | $POWERED_BY$
</div>
</div>
</footer>
</div>
3.Далее у Вас идут контейнеры,1 или 2 в зависимости от дизайна.
Блок с меню помещаем между тегами <nav>.Блоки на ссылки своего сайта так же помещаем в этот тег.
Вот пример ▼
Code
<!-- <block1> -->
<nav>
<div class="block">
<!--<s5184>-->Меню сайта<!--</s>-->
<div class="blockcontent">
<!-- <bc> -->
$SMENU_1$
<!-- </bc> -->
</div>
<div class="blockbottom"></div>
</div>
</nav>
<!-- </block1> -->
Блоки с информацией Вашего сайта помещаем в тег <section> и <aside>.
Вот пример ▼
Code
<!-- <block2> -->
<section>
<aside>
<div class="block">
<!--<s5185>-->Новое на сайте<!--</s>-->
<div class="blockcontent">
<!-- <bc> -->
<nav>
<ul>
<li><a href="#">Пункт №1</a></li>
<li><a href="#">Пункт №2</a></li>
<li><a href="#">Пункт №3</a></li>
</ul>
</nav>
<!-- </bc> -->
</div>
<div class="blockbottom"></div>
</div>
</aside>
</section>
<!-- </block2> -->
К блокам со ссылками других сайтов добавляем тег <article>.
Вот пример ▼
Code
<!-- <block3> -->
<section>
<aside>
<article>
<div class="block">
<!--<s5186>-->Друзья сайта<!--</s>-->
<div class="blockcontent">
<!-- <bc> -->
<nav>
<ul>
<li><a href="#">Пункт №1</a></li>
<li><a href="#">Пункт №2</a></li>
<li><a href="#">Пункт №3</a></li>
</ul>
</nav>
<!-- </bc> -->
</div>
<div class="blockbottom"></div>
</div>
</article>
</aside>
</section>
<!-- </block3> -->
4.Теперь переходим к страницам модулей.У всех сайтов вёрстка страниц разная,я укажу только отдельно взятые элементы требующие исправления или добавления.
Начну с таблиц которых обычно применяется в достатке.В HTML5 тег <table> поддерживает только один атрибут border со значениями 0 или 1.Таблицу такого вида.
Вот пример ▼
Code
<table border="0" cellpadding="0" cellspacing="0" width="100%">
Заменяем на такую.
Вот пример ▼
Code
<table border="0" style="width:100%;">
К таблице где атрибутам выставлено значение отличимое от 0 добавляем свойство border-spacing,оно имеет свойства аналогичные устаревшим атрибутам.Если таблица с параметрами атрибутов.
Вот пример ▼
Code
<table border="0" cellpadding="2" cellspacing="4" width="100%">
Заменяем её на актуальный вариант.
Вот пример ▼
Code
<table border="0" style="width:100%;border-spacing:4px;">
Если в таблицах применяются атрибуты для тега <td>,смотрите в справочнике сайта соответствие их атрибутов,которых немного поубавилось в HTML5.
Имеющиеся условные операторы контента страницы.
Вот пример ▼
Помещаем в тег <section>.
Вот пример ▼
Code
<section>
$MESSAGE$
</section>
<section>
$BODY$
</section>
Если в роли контента выступают материалы с других сайтов ( например модуль каталог сайтов ),тогда добавляем тег <article>.
Вот пример ▼
Code
<section>
<article>
$MESSAGE$
</article>
</section>
Для модуля фотоальбом добавляем на главной странице,разделе и категории модуля тег <figure>.
Вот пример ▼
Code
<section>
<figure>
$MESSAGE$
</figure>
</section>
На странице комментариев модуля фотоальбом добавляем тег <figure> одному условному оператору.
Code
<figure>
$PHOTO$
</figure>
Результат изменений
Дамы и господа!
Не смотря на Ваш уровень знаний и владение мастерством набора на клавиатуре предупреждаю!!!
Перевод сайта на работу с типом документа HTML5 не может быть осуществлён сразу ( по быстрому ).Это очень кропотливая работа,её нужно выполнять осторожно,делая перед заменой копии имеющихся страниц.
Не забывайте так же что сами материалы Вашего сайта могут содержать устаревшие теги и атрибуты,их могут иметь информеры и другие элементы.Перед началом изменений оцените масштаб предстоящей работы и сопоставьте с целесообразностью её выполнения.Сайту не обязательно работать с новым типом документа,там где материалов огромное количество не стоит даже думать об этом.Но в любом случае новый сайт,без материалов может быть настроен с минимальной потерей времени на эту процедуру.В остальном расчитывайте только на свои возможности...
Все имеющиеся вопросы и предложения прошу излагать в этой теме.
Для разработчиков The Witcher 3 сюжет всегда был важнее сражений с монстрами 
У EA нет планов по выпуску новой Battlefield в 2017 году 
Counter-Strike: Global Offensive показали на движке Unreal Engine 4 
В сеть утекла дата релиза Red Dead Redemption 2 
Сюжетный директор CDPR не считает The Witcher примером искусства 
