23 август, 15:17 ч

уроци

статии

скриптове

контакт

Добре дошли в PHPRecipes, началното място за PHP скриптове, уроци,

и гурме готварски съвети и рецепти!

Copyright 2000 PHPRecipes. Всички права запазени.

контакт |

вашата поверителност

На фиг. Фигура 9-1 показва как изглежда получената страница в браузъра. Въпреки че обикновено не използвам граници на таблици, този път ги включих, така че трите части на страницата да се открояват по-ясно на фигурата.

Ориз. 9.1. Външният вид на страницата, изградена в листинг 9.8

Оптимизация на шаблони

Във втория (според мен по-предпочитан) вариант шаблоните са направени под формата на функции, разположени в отделен файл. Това осигурява допълнително структуриране на вашите шаблони. Наричам този файл файл за инициализация и съхранявам друга полезна информация в него. Тъй като вече разгледахме сравнително дългите примери за горен и долен колонтитул, листинги 9-10 и 9-11 бяха леко съкратени, за да илюстрират новата идея.

Листинг 9.10. Оптимизиран шаблон за сайт (site_init.tpl)

// Файл: site_init.tpl

// Предназначение: Файл за инициализиране на PhpRecipes

$site_name = "PHPRecipes";

$site_email = " [имейл защитен]";

$site_path = "http://localhost/phprecipes/";

функция show_header($site_name) (

Това е заглавката

функция показване на долен колонтитул()

Това е долният колонтитул

Списък 9.11. Прилагане на инициализиращ файл

// Включете файл за инициализация

включва ("site_init.tpl");

// Показване на заглавие

показване на заглавка ($site_name);

// Съдържание на тялото Това е информация за тялото

// Показване на долен колонтитул Show_footer();

Проект: генератор на страници

Въпреки че повечето уебсайтове, които съм създал, са генерирали основното съдържание на страниците въз основа на информация, прочетена от базата данни, винаги ще има няколко страници, които почти не се променят. По-специално, те могат да показват информация за екипа за разработка, информация за контакт, реклами и т.н. Обикновено съхранявам тази „статична“ информация в отделна папка и използвам PHP скрипт, за да я заредя, когато бъде поискано. Разбира се, имате въпрос - ако това е статична информация, за какво е PHP скриптът? Защо не заредите нормални HTML страници? Предимството на PHP е, че можете да използвате шаблони и да вмъквате статични фрагменти, ако е необходимо.

<а href = "/static.php?content=$content">Име на статична страница

Нека започнем със създаването на статични страници. За простота ще се огранича до три страници, съдържащи информация за сайта (списък 9.12), реклама (списък 9.13) и информация за контакт (списък 9.14).

Листинг 9.12. Информация за сайта (about.html)

Относно PHPRecipes

Кой програмист не смесва целонощно програмиране с гурме бисквитки. Тук, в PHPRecipes, почти не минава вечер, без някой от нашите програмисти да смеси малко HTML с вкусна чиния с гъби Портобело или дори фондю. Затова решихме да ви предложим най-доброто от това, което обичаме най-много: PHP и храна!

Точно така, читатели. Уроци, скриптове, суфлета и други. 0самов PHPRecipes.

Рекламна информация

Независимо дали идват, за да научат най-новите PHP техники или за да освежат как

за печене на пиле, можете да се обзаложите, че нашите читатели вземат решения. Те са индустрията

професионалисти, които вземат решения за това какво купува тяхната компания.

За рекламна информация, свържете се с

">[имейл защитен].

Листинг 9.14. Данни за контакт (contact.html)

Свържете се с нас

Имате ли съвет за кодиране?

Знаете ли идеалния топинг за захаросан ямс?

Информирай ни! Свържете се с екипа на [имейл защитен].

Нека да преминем към изграждането на страницата static.php, която показва исканата статична информация. Този файл (вижте листинг 9-15) включва компонентите на страницата на нашия сайт и файла за инициализация site_init.tpl.

Листинг 9.15. Общ изход на статични страници (static.php)

// Файл: static.php

// Цел: Показване на заявени статични страници.

// ПРЕДУПРЕЖДЕНИЕ: предполага се, че файлът "site_init.tpl" и всички

// статичните файлове са в същата директория.

// Зареждане на функции и променливи include("site_init.tpl"):

// Показване на заглавие show_header($site_name);

// Показване на исканото съдържание include("$content.html"):

// Показване на долен колонтитул show footer();

Сега всичко е готово за изграждане на основния скрипт. Просто включете в страницата

<а href = "static.php?content=about">Статично име на страница

Рекламна информация

Свържете се с нас

Щракването върху някоя от тези връзки ще зареди съответната статична страница, вградена в static.php в браузъра!

Резултати

В тази глава научихте за основната цел, която PHP е проектиран да решава: динамично изграждане на уеб страници. Бяха разгледани следните въпроси:

• URL обработка;
• изграждане на динамично съдържание;
• включване и изграждане на основни шаблони.

Главата завършва с генератор на страници, програма, която зарежда статични страници в шаблон и улеснява поддържането на голям брой статични HTML страници.

Следващата глава е за използването на PHP в комбинация с HTML форми за значително подобряване на интерактивността на вашия сайт. И след това - взаимодействие с бази данни! Трябва да научите много интересни неща.

От предишните уроци научихме, че с помощта на метода GET можете да подадете някои параметри директно към URL адреса. Нищо обаче не ни пречи да направим това без формуляри, просто да ги изброим в URL адреса.

Можем да предаваме параметри чрез URL. И можем да получим тези параметри направо в скрипта. И така, какво ни пречи да показваме на потребителя различни страници в зависимост от параметрите в URL адреса?

Създайте динамична страница

За да покажете на потребителя различни страници, трябва да подготвите съдържанието. Нека лежи в многомерен масив:

"Създаване на динамични страници", "съдържание" => "Текстът на статията за динамични страници." ], [ "title" => "Как да хванем коте", "content" => "Текстът на статията за котенца." ] ]; ?>

Динамичният параметър в URL ще се нарича id и ще го хванем в $_GET["id"] . Можем да добавим поле за идентификатор към всеки елемент от масива, но тогава ще трябва да преминем през всички елементи и да потърсим подмасив с желания идентификатор. Следователно е много по-лесно да използвате ключовете на основния масив като id.

Просто казано, вземаме идентификатор и се опитваме да намерим статия с този ключ в масива $articles. Изглежда така:

Остава само да скицира изхода от менюто и да провери правилността на идентификатора. Оказва се истински php-рутер!

"Главна страница", "съдържание" => "Текст на статия за нашия сайт" ], [ "title" => "Създаване на динамични страници", "съдържание" => "Текст на статия за динамични страници." ], [ "title" => "Как да хванем коте", "content" => "Текстът на статията за котенца." ] ]; # Ако id е подаден, напишете статия в $article или null, ако няма статия с този id if(isset($_GET["id"])) $current_article = $articles[$_GET["id"]] ?? нула; # Ако id не е подаден, тогава това е главната страница, можем да покажем страницата с id = 0 иначе $current_article = $articles; ?> $статия): ?> ">

Грешка 404: страницата не е намерена

Сега можете да създавате динамични сайтове, където броят на страниците зависи от броя на елементите на масива, а не от PHP файловете. :) Ако сайтът трябва да има различни типове страници, например статия и продукт, можете да подадете типа на страницата като втори параметър: site.ru?type=article&id=5 .

Разбира се, тази система не е съвършена. След известно време ще научите как да направите нормално CNC (по-удобни URL адреси, като site.ru/articles/5/) и да съхранявате статии във файл или база данни.

За да създадете обещаващ, разширяем и ефективен сайт с всякаква сложност, трябва да започнете с прост. Този процес не е лесен, изисква някои основни познания по PHP и MySQL, но ако го разгледате точка по точка, можете да съставите един вид „работен план“, който ще бъде полезен при създаването на нови сайтове. Нека подготвим "ядрото" и основата за проекта. Първоначално това ще бъде обикновен сайт за визитки, но след това, чрез добавяне на функционалност, може да се превърне във всичко. Така че да започваме.

1. Подготовка на база данни. Създайте първата таблица в базата данни MySQL

Създайте нова база данни, например "mysite". Лично аз съм свикнал да работя с UTF-8 кодиране, така че веднага ще направя резервация: уверете се, че всички текстови файлове на сайта, самата база данни, таблици и полета на таблици са в същото кодиране.
Създайте таблица в нова база данни. Нека го наречем "страници". Тази таблица ще съхранява статичните страници на бъдещия сайт и информация за тях. Таблицата трябва да съдържа следните полета:

• page_id - ID на страница (SMALLINT, първичен ключ, auto_increment);
• page_alias - псевдоним на страницата за CNC адресния низ (VARCHAR, 255);
• page_title - заглавие на страницата в прозореца на браузъра (VARCHAR, 255);
• page_meta_d - мета описание на страницата за тага за мета описание (VARCHAR, 255);
• page_meta_k - мета ключови думи за тага meta keywords (VARCHAR, 255);
• page_h1 - заглавие на страница (VARCHAR, 255);
• page_s_desc - кратко описание на материала, например, ако материалите на сайта ще бъдат под формата на блог (ТЕКСТ);
• page_content - основният текст на страницата, който ще се показва в централната колона на сайта (TEXT);
• page_publish - съдържа "Y", ако страницата е публикувана, или "N", ако е скрита (CHAR, по подразбиране е "Y").

Веднага след създаването на таблицата вмъкнете стойностите за главната страница на сайта в нея. В полето „page_alias“ за главната страница предлагам да вмъкнете стойността „home“. Мета тагове – според тематиката на целия сайт. По същия начин можете да създадете други страници, например „За компанията“ с псевдоним „about“ и собствени мета тагове или „Контакти“ с псевдоним „контакти“ и т.н.

2. Създайте конфигурационен файл на сайта

В главната папка на сайта, която на този етап трябва да е празна, създаваме папка “cfg”, в нея, използвайки .htaccess, затваряме достъпа с директивата “deny from all”. Създайте файл core.php със следното съдържание:

// MySQL
клас MyDB
{
var $dblogin = "root"; // ВХОД В ВАШАТА БАЗА ДАННИ
var $dbpass = ""; // ВАШАТА ПАРОЛА ЗА БАЗА ДАННИ
var $db = "mysite"; // ИМЕ НА БАЗАТА ЗА САЙТА
var $dbhost="localhost";

var$link;
var$query;
променлива $ грешка;
var $result;
var$data;
var $fetch;

Функция connect() (
$this->link = mysql_connect($this->dbhost, $this->dblogin, $this->dbpass);
mysql_select_db($this->db);
mysql_query("ЗАДАДЕНИ ИМЕНА utf8");
}

функция close() (
mysql_close($this->link);
}

Функция run($query) (
$this->query = $query;
$this->result = mysql_query($this->query, $this->link);
$this->err = mysql_error();
}
функция ред() (
$this->data = mysql_fetch_assoc($this->result);
}
извличане () (
докато ($this->data = mysql_fetch_assoc($this->result)) (
$this->fetch = $this->data;
връща $това->извличане;
}
}
функция stop() (
unset($this->data);
unset($this->result);
unset($this->fetch);
unset($this->err);
unset($this->query);
}
}

Понастоящем този файл съдържа само обикновен клас за връзка с база данни, но в бъдеще можете да добавите различни полезни функции към него, които ще бъдат достъпни от всяко място в кода на сайта. Не забравяйте да промените вашето потребителско име и парола за вашата база данни.

Ако работите в Windows среда, мога да препоръчам използването на . Този редактор има номериране на редове и лесно превежда текст от едно кодиране в друго. ВНИМАНИЕ! Ако работите с UTF-8 кодиране - преобразувайте файлове в UTF-8 без BOM - това ще ви помогне да избегнете проблеми в бъдеще.

3. Създайте index.php - основния контролер на сайта

Конфигурационният файл е създаден. Сега създаваме index.php в основната папка на сайта - това ще бъде основният скрипт на сайта, един вид "основен контролер". Съдържание на файла index.php:

define("ИНДЕКС", ""); // НАСТРОЙКА КОНСТАНАТА НА ГЛАВНИЯ КОНТРОЛЕР

Require_once($_SERVER."/cfg/core.php"); // СВЪРЗВАНЕ НА ЯДРОТО

// СВЪРЗВАНЕ КЪМ БД
$db = нов MyDB();
$db->свързване();

// ОСНОВЕН КОНТРОЛЕР
превключвател ($_GET) (
случай "страница":
включва ($_SERVER."/com/page.php");
прекъсване;
по подразбиране:
включва ($_SERVER."/com/home.php");
прекъсване;
}

Включи ($_SERVER."/template.php");
$db->затвори();

Променливата $_GET ще каже на главния контролер кой компонент на сайта да зареди при поискване. Сега нашият сайт има само два компонента: „страница“ и „главна страница“ (по принцип можете да се справите с един компонент за показване на обикновена страница, но често външният вид на главната страница на сайта се различава от обичайните страници на елементи от менюто). Логиката на главния контролер е следната: името на необходимия компонент (стойността на променливата $option) се извлича от URL низа, в зависимост от неговата стойност се включва самият файл на компонента (съдържащ се в / папка com). Файлът на компонента върши цялата необходима работа, извлича данни от базата данни и ги записва в променливи, които да бъдат предадени на шаблона за дизайн. В самия край се свързва файлът за дизайн на сайта, в който се прехвърлят всички променливи и данни, извлечени в компонентите. Това звучи много по-сложно, отколкото работи.

4. Създайте компонент за нормален изход на страница

В корена на сайта създайте папка "com" - в нея ще се съхраняват компонентните файлове. Компонентът на сайта според моето разбиране е файл, в който се обработват данни за различни раздели на сайта. Например, компонентът на обикновена страница извлича заглавието, описанието и текста на материала от базата данни и ги записва в променливите $title, $meta_d, $meta_k, $content и т.н. След това тези данни се прехвърлят към шаблон за дизайн (можете да създадете свой собствен шаблон за дизайн за всеки компонент) и се показва на потребителя като HTML страница. Например компонент на каталог, който може да бъде създаден в бъдеще, би направил почти същото, но с данни за продукти - и има свои собствени специфики, други полета в таблицата и т.н. Следователно за всеки функционален раздел на сайта си струва да създадете отделен компонент. В схемата MVC (Model-View-Controller) компонентът играе ролята на модел.

Създайте файл "page.php" в папката "com". Съдържанието на файла е както следва:

/* КОМПОНЕНТ НА ​​СТРАНИЦАТА */
$псевдоним = $_GET;
$query = "ИЗБЕРЕТЕ * ОТ страници WHERE page_alias="".$alias."" И page_publish="Y" LIMIT 1";
$db->изпълни($заявка);
$db->ред();
// КОМПОНЕНТНИ ПРОМЕНЛИВИ
$id = $db->данни;
$псевдоним = $db->данни;
$title = $db->данни;
$h1 = $db->данни;
$meta_d = $db->данни;
$meta_k = $db->данни;
$s_desc = $db->данни;
$component = $db->data;
// АКО СТРАНИЦАТА НЕ СЪЩЕСТВУВА
ако (!$id) (
заглавие ("HTTP/1.1 404 не е намерено");
$component = "ГРЕШКА 404! Тази страница не съществува";
}
$db->стоп();

5. Създайте компонента за показване на началната страница

Основната страница в нашата база данни се съхранява под псевдонима "дом" и досега не се различава по структура от обичайните страници на сайта - това е просто статия. Въпреки това ще създадем отделен компонент за него - за бъдещето, така да се каже.

Съдържанието на компонента "home.php" в папката "com" е почти същото като съдържанието на компонента на нормалната страница, с изключение на низа за заявка към базата данни и името на компонента. Низът на заявката сега изглежда така:

$query = "SELECT * FROM wx_pages WHERE page_alias="home" LIMIT 1";

6. Създайте шаблон за дизайн на целия сайт

Създайте файл template.php в корена на сайта. Всъщност това е нормално оформление за уеб дизайн във формат HTML + CSS, само с PHP променливи на правилните места. Вмъкване между заглавните тагове, в централната колона на сайта вмъкнетеи така в шаблона поставяме необходимите променливи, които са декларирани в компонентите.

Основната папка също трябва да има папки "css" и "images" за елементи на дизайна. Във файла /css/style.css - можете да персонализирате стиловете по ваш вкус.

7. Изчистете връзките и .htaccess файла

За създаване на чисти връзки използвам mod_rewrite с директни инструкции за правилата за всеки компонент поотделно, тъй като анализирането на адресната лента с помощта на самия контролер се счита за ненужна функционалност. Съдържанието на .htaccess на този етап е:

Rewrite Engine On
RewriteBase /

RewriteCond %(REQUEST_FILENAME) !-d
RewriteCond %(REQUEST_FILENAME) !-f

# ЗАБРАНЕНИ ФАЙЛОВЕ
RewriteRule .htaccess - [F]
RewriteRule template.php - [F]

# mod_rewrite ПРАВИЛА
RewriteRule page/(+)([\/](0,1))\.htm$ index.php?option=page&alias=$1 [L]

В бъдеще ще добавим правила за компонентите за търсене, каталог, блог със статии и др. Има само един момент: да конвертирате връзки като "mysite.com/index.php?option=pages&alias=about" във връзка като "mysite.com/pages/about.htm" - изглежда доста добре. При разработката се опитайте да избегнете масива $_GET от съображения за безопасност и не разчитайте на него. Препоръчително е в него да се съхраняват само параметри за главния контролер (променлива $option) и за компонента (променлива $alias).

Също така, във всяка папка на сайта, „за всеки случай“, създайте празен файл index.html - това е необходимо, за да не се показва нищо при достъп до директорията през адресната лента.

Етикети: php, mysql, двигател на сайта, контролер, създаване на сайт, mvc

2017-01-10

Изграждане на динамичен уебсайт с php

Здравейте скъпи посетителю!

Днес от главната страница, използвайки езика за програмиране PHP, ще създадем динамична страница, която по-късно ще се формира на сървъра при всяка заявка на потребител.

Така, променяйки структурата на сайта и запълвайки го с подобни променящи се страници, ще получим динамичен сайт, което значително ще опрости техническата му поддръжка и развитие в бъдеще в сравнение със статичната версия.

• Защо имате нужда от динамичен уебсайт
• Как да конвертирате статичен сайт в динамичен
• Оформяме блокове на динамичен сайт
• Преобразуване на уеб страница от статична в динамична
• Изходни файлове на сайта

Защо имате нужда от динамичен уебсайт

Защо се нуждаете от динамичен сайт беше обсъдено в самото начало на инструкциите стъпка по стъпка в статията Инсталиране на локален уеб сървър Denwer, която обяснява необходимостта от инсталиране на локален уеб сървър. Следователно можем да се върнем и да опресним този въпрос.

Освен това, ако трябва да разгледате допълнително плюсовете и минусите на статичните и динамичните сайтове, можете да ви посъветвате да се запознаете със страниците на онлайн директорията "Puzzleweb.ru" в раздела Видове сайтове, където обясненията са доста кратки, но в същото време ясно дадени за различни опции на сайта.

екранна снимка 12

Към това можем само да добавим, че за да получите наистина пълноценен интернет ресурс, е невъзможно да пропуснете тази стъпка и да останете с опцията за статичен сайт.

Затова вече няма да се задълбочаваме в теоретичната дискусия за необходимостта от създаване на динамичен сайт, а ще преминем към обмисляне как ще го направим.

Как да конвертирате статичен сайт в динамичен

Както знаете, основната разлика между динамичен сайт и статичен сайт е, че при статичен сайт готовите уеб страници лежат на сървъра и чакат на опашка, за да бъдат изпратени до браузъра на потребителя. В същото време, ако страниците имат дори незначителни разлики, да речем, че разликата е само в една фраза или дори в една дума, тогава те пак ще бъдат отделни страници.

В динамичната версия формирането на страници се извършва на сървъра при всяка заявка на потребителя, в зависимост от исканата информация.

По прост начин това може да се сравни с конструктор, където голям брой различни форми могат да бъдат направени от ограничен брой елементи. В същото време, ако направите промяна в един от елементите, това ще се отрази в цялата структура, която включва този елемент.

Въз основа на това ще направим нашата създадена главна страница да изглежда като конструктор, състоящ се от определени елементи (в нашия случай това ще бъдат файлове), от които впоследствие ще бъдат сглобени уеб страници по заявка на потребителя.

За да обясним стъпките, които ще изпълним за това, ще използваме HTML кода на рамката на главната страница, получен на един от етапите на създаване на сайта в статията.

2. "utf-8" >

   "Описание"съдържание = „Кратко описание на съдържанието на страницата“ >

4. "обвивка" >

   Шапка

   Ротатор

   Главно съдържание

   странична лента

Както можете да видите от HTML кода, контейнерът , предназначен да побере видимата част на уеб страницата, съдържа следните основни блокове:

• Шапка;
• ротатор;
• главно съдържание;
• странична лента;
• Мазе.

В този случай трябва да обърнете внимание на факта, че четири от пет блока са общи и само един блок „Основно съдържание“ ще бъде различен за всяка страница.

За да получим елементи на динамичен сайт, ние ще разделим съдържанието от тези блокове в отделни файлове, които по-късно ще включим при сглобяването на различни уеб страници по искане на потребителите.

Сега, на този етап, ще има само пет от тези файлове. Но в бъдеще, когато добавяте страници или допълнителна функционалност към сайта, ще се свързват нови файлове и т.н., ако е необходимо.

Такава конструкция на структурата на сайта ще позволи в бъдеще да не се занимавате с рутинна работа по промяна на HTML кода на всички страници в случай на замяна или допълване на общ за тях фрагмент. В такива случаи ще бъде достатъчно да направите промени само в конкретен файл и това ще завърши цялата процедура за подмяна. Както можете да видите, има предимство.

Но за да можем да направим това, се нуждаем от езика PHP, с който уеб страниците могат да имат достъп до тези разпределени блокове и да прехвърлят тяхното съдържание към себе си.

Ако някой все още не се е сблъсквал с езика PHP, тогава е препоръчително да го опознае по-добре, тъй като PHP е един от най-важните инструменти за разработка на уебсайтове. Това може да стане с помощта на различни видове справочна литература, която може да се намери в големи количества в Runet.

Като опция, многократно споменатото ръководство "Puzzleweb.ru", в което една от неговите части е посветена на темата за PHP. За по-задълбочено изучаване на PHP можете да използвате и специализиран справочник, специално пригоден за този език, публикуван на сайта "php.ru". Използвайки връзката "https://php.ru/manual/control-structures.intro.html", можете да стигнете до неговата страница "Въведение", откъдето можете лесно да изберете всеки раздел от ръководството, който ви интересува.

Но за да направите сега динамичен сайт и да осигурите възможност за свързване на файлове към HTML страници, достатъчно е да използвате само една езикова инструкция (в PHP всеки скрипт се състои от последователност от инструкции). Това може да бъде една от четири възможни опции за инструкции за свързване на файлове:

• включват;
• изисквам;
• включване_веднъж;
• изисквам_веднъж.

Няма смисъл да описвате техните характеристики тук, тъй като това е обяснено подробно в справочници, например, като използвате връзката "http://www.puzzleweb.ru/php/26_inc_files.php", можете да го разберете добре.

Ще използваме инструкцията "require_once" при създаването на сайта, обикновено използвам тази опция, за мен е най-удобна.

Е, след като разбрахме какво ще правим, нека да преминем към практически действия.

Оформяме блокове на динамичен сайт

За да формирате блокове, които след това ще участват в сглобяването на уеб страници, първо трябва да ги създадете. Това се прави в текстовия редактор на Notepad++ по същия начин, както създадохме първия файл на сайта "index.html" в статията. Създайте уеб страница и я хоствайте на локален уеб сървър. Само разширението в този случай трябва да бъде посочено не "html", а "php". В същото време е необходимо да се обърне внимание на кодирането, за да се избегне появата на различни видове неразбираеми знаци на страниците в бъдеще.

Файловете ще бъдат създадени в отделна, новосъздадена папка "блокове". За файлове, които са общи за всички страници, ще присвоим имена въз основа на имената на съответните блокове. А за "основния" блок ще посочим конкретно име за всяка страница от сайта.

Така за главната страница ще свържем файл, наречен "block_glavnaya", към "основния" блок. За останалите: "header", "section", "aside" и "footer".

Когато създавате файлове, можете също да вземете предвид, че за да опростите тази процедура, е възможно да ги копирате с помощта на менюто "Файл", като посочите ново име на файл при записване "Запиши като".

Като цяло създаването на файлове е стандартна процедура, така че не би трябвало да има никакви затруднения. В крайна сметка трябва да изглежда така.

След това копираме съдържанието на всеки блок и го прехвърляме в съответния файл. Нека да разгледаме това по-подробно, използвайки примера "header.php".

1. Отворете файла "index.html" в редактора на Notepad++, изберете желаната област от блока "header" и последователно натиснете десния и левия бутон на мишката, за да го копирате в клипборда.

Трябва да се отбележи, че тук копираме цялото съдържание на блока, с изключение на менюто. Това е така, защото за отразяване на активния бутон на менюто в атрибутите на етикета