23 de agosto, 15h17

tutoriais

artigos

roteiros

contato

Bem-vindo ao PHPRecipes, o ponto de partida para scripts PHP, tutoriais,

e dicas e receitas de culinária gourmet!

Copyright 2000 PHPRecipes. Todos os direitos reservados.

contato |

sua privacidade

Na Fig. A Figura 9.1 mostra a aparência da página resultante em um navegador. Embora eu não costumo usar bordas de tabela, desta vez as destaquei para destacar mais claramente as três partes da página na ilustração.

Arroz. 9.1. Aparência da página construída na Listagem 9.8

Otimização de modelo

Na segunda opção (na minha opinião, mais preferível), os modelos são projetados como funções localizadas em um arquivo separado. Isso fornece estrutura adicional aos seus modelos. Eu chamo esse arquivo de arquivo de inicialização e armazeno outras informações úteis nele. Como já vimos exemplos relativamente longos de cabeçalhos e rodapés, as Listagens 9.10 e 9.11 foram ligeiramente encurtadas para ilustrar a nova ideia.

Listagem 9.10. Modelo de site otimizado (site_init.tpl)

// Arquivo: site_init.tpl

// Objetivo: arquivo de inicialização do PhpRecipes

$site_name = "PHPRecipes";

$site_email = " [e-mail protegido]";

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

função show_header($site_name) (

Este é o cabeçalho

função mostrar rodapé()

Este é o rodapé

Listagem 9.11. Usando um arquivo de inicialização

//Inclui arquivo de inicialização

include("site_init.tpl");

//Imprime o título

mostrar cabeçalho($site_name);

// Conteúdo do corpo Estas são algumas informações do corpo

// Exibe o rodapé Show_footer();

Projeto: gerador de páginas

Embora a maioria dos sites que criei tenham gerado o conteúdo da página principal com base nas informações lidas de um banco de dados, sempre há algumas páginas que permanecem praticamente inalteradas. Em particular, eles podem exibir informações sobre a equipe de desenvolvimento, informações de contato, publicidade, etc. Normalmente armazeno essas informações “estáticas” em uma pasta separada e uso um script PHP para carregá-las quando uma solicitação chega. Claro, você tem uma pergunta - se esta é uma informação estática, para que serve o script PHP? Por que não carregar páginas HTML normais? A vantagem do PHP é que você pode usar modelos e inserir trechos estáticos conforme necessário.

<а href = "/static.php?content=$content">Nome da página estática

Vamos começar criando páginas estáticas. Para simplificar, vou me limitar a três páginas contendo informações do site (Listagem 9.12), publicidade (Listagem 9.13) e informações de contato (Listagem 9.14).

Listagem 9.12. Informações sobre o site (about.html)

Sobre PHPReceitas

Que programador não mistura programação a noite toda com biscoitos gourmet Aqui no PHPRecipes dificilmente passa uma noite sem que um de nossos programadores misture um pouquinho de HTML com um saboroso prato de Cogumelos Portobello ou até mesmo Fondue. o melhor daquilo que mais amamos: PHP e comida!

Isso mesmo, leitores, tutoriais, roteiros, suflês e muito mais. 0apenas em PHPRecipes.

Informações publicitárias

Independentemente de eles virem para aprender as mais recentes técnicas de PHP ou para se atualizarem sobre como

para assar frango, você pode apostar que nossos leitores são tomadores de decisão. Eles são a indústria

profissionais que tomam decisões sobre o que sua empresa compra.

Para informações publicitárias, entre em contato

">[e-mail protegido].

Listagem 9.14. Detalhes de contato (contact.html)

Contate-nos

Tem uma dica de codificação?

Conhece a cobertura perfeita para inhame cristalizado?

Nos informe! Entre em contato com a equipe em [e-mail protegido].

Vamos prosseguir para a construção da página static.php, que exibe as informações estáticas solicitadas. Este arquivo (veja Listagem 9.15) inclui os componentes da página do nosso site e o arquivo de inicialização site_init.tpl.

Listagem 9.15. Saída geral de páginas estáticas (static.php)

//Arquivo: static.php

// Objetivo: exibir páginas estáticas solicitadas.

// AVISO: isso pressupõe que o arquivo seja "site_init.tpl" e pronto

// os arquivos estáticos estão no mesmo diretório.

// Carrega funções e variáveis ​​include("site_init.tpl"):

// Exibe o cabeçalho show_header($site_name);

// Gera o conteúdo solicitado include("$content.html"):

// Exibe o rodapé show footer();

Agora está tudo pronto para construir o cenário principal. Basta incluí-lo na página

<а href = "static.php?content=about">Nome da página estática

Informações publicitárias

Contate-nos

Se você clicar em qualquer um desses links, seu navegador carregará a página estática correspondente incorporada em static.php!

Resultados

Neste capítulo, você se familiarizou com a principal tarefa para a qual o PHP foi criado – construir páginas web dinamicamente. Foram consideradas as seguintes questões:

• Processamento de URL;
• construção de conteúdo dinâmico;
• inclusão e construção de templates básicos.

O capítulo termina com um gerador de páginas, um programa que carrega páginas estáticas em um modelo e facilita o suporte a um grande número de páginas HTML estáticas.

O próximo capítulo se concentra no uso de PHP em combinação com formulários HTML para melhorar significativamente a interatividade do seu site. E então – interação com bancos de dados! Você tem muitas coisas interessantes para aprender.

Nas lições anteriores aprendemos que usando o método GET podemos passar alguns parâmetros diretamente para a URL. Porém, nada nos impede de fazer isso sem formulários, apenas listá-los na URL.

Podemos passar parâmetros via URL. E podemos obter esses parâmetros diretamente no script. Então, o que nos impede de mostrar páginas diferentes ao usuário dependendo dos parâmetros da URL?

Criando uma página dinâmica

Para mostrar diferentes páginas ao usuário, é necessário preparar o conteúdo. Deixe-o estar em uma matriz multidimensional:

"Criando páginas dinâmicas", "content" => "Texto do artigo sobre páginas dinâmicas." ], [ "title" => "Como pegar um gatinho", "content" => "Texto do artigo sobre gatinhos." ] ]; ?>

O parâmetro dinâmico na URL será chamado id e iremos capturá-lo em $_GET["id"] . Poderíamos adicionar um campo id a cada elemento do array, mas então teríamos que percorrer todos os elementos e procurar o subarray com o id desejado. Portanto, é muito mais fácil usar as chaves do array principal como ids.

Simplificando, pegamos o id e tentamos encontrar um artigo com essa chave no array $articles. Se parece com isso:

Tudo o que resta é esboçar a saída do menu e verificar se o id está correto. Acontece que é um verdadeiro roteador PHP!

"Home page", "content" => "Texto do artigo sobre nosso site" ], [ "title" => "Criando páginas dinâmicas", "content" => "Texto do artigo sobre páginas dinâmicas." ], [ "title" => "Como pegar um gatinho", "content" => "Texto do artigo sobre gatinhos." ] ]; # Se o id for passado, escreva o artigo em $article ou null se não houver nenhum artigo com esse id if(isset($_GET["id"])) $current_article = $articles[$_GET["id"]] ?? nulo; # Se o id não for passado, então esta é a página principal, podemos mostrar a página com id = 0 else $current_article = $articles; ?> $artigo): ?> ">

Erro 404 - Página Não Encontrada

Agora você pode criar sites dinâmicos onde o número de páginas depende do número de elementos do array, em vez de arquivos PHP. :) Se o site tiver diferentes tipos de páginas, por exemplo, um artigo e um produto, você pode passar o tipo de página como o segundo parâmetro: site.ru?type=article&id=5 .

É claro que este sistema não é perfeito. Depois de um tempo você aprenderá como fazer um CNC normal (URLs mais convenientes, por exemplo site.ru/articles/5/) e armazenar artigos em um arquivo ou banco de dados.

Para criar um site promissor, expansível e eficaz de qualquer complexidade, você deve começar com algo simples. Este processo não é fácil, requer certos conhecimentos básicos de PHP e MySQL, mas se você considerar ponto a ponto, poderá criar uma espécie de “plano de trabalho” que será útil na hora de criar novos sites. Vamos preparar o “núcleo” e a base do projeto. No início será um site normal de cartão de visita, mas depois, ao adicionar funcionalidades, pode ser transformado em qualquer coisa. Então vamos começar.

1. Preparando o banco de dados. Crie a primeira tabela no banco de dados MySQL

Crie um novo banco de dados, por exemplo “meusite”. Pessoalmente, estou acostumado a trabalhar com codificação UTF-8, então farei uma ressalva imediatamente: certifique-se de que todos os arquivos de texto do site, o próprio banco de dados, tabelas e campos da tabela estejam na mesma codificação.
Criamos uma tabela no novo banco de dados. Vamos chamá-lo de “páginas”. Esta tabela armazenará páginas estáticas do futuro site e informações sobre elas. A tabela deve conter os seguintes campos:

• page_id - identificador da página (SMALLINT, chave primária, auto_increment);
• page_alias - alias da página para a linha de endereço do CNC (VARCHAR, 255);
• page_title - título da página na janela do navegador (VARCHAR, 255);
• page_meta_d - meta descrição da página para a tag de meta descrição (VARCHAR, 255);
• page_meta_k - meta palavras-chave para a tag meta keywords (VARCHAR, 255);
• page_h1 - título da página (VARCHAR, 255);
• page_s_desc - uma breve descrição do material, por exemplo, se os materiais do site serão em formato de blog (TEXTO);
• page_content - o texto principal da página, que será exibido na coluna central do site (TEXTO);
• page_publish - contém “Y” - se a página for publicada, ou “N” - se estiver oculta (CHAR, padrão “Y”).

Imediatamente após a criação da tabela, inserimos nela os valores da página principal do site. Sugiro inserir o valor “home” no campo “page_alias” da página principal. As meta tags correspondem ao tema de todo o site. Da mesma forma, você pode criar outras páginas, por exemplo, “Sobre a empresa” com o alias “sobre” e suas próprias meta tags, ou “Contatos” com o alias “contatos”, etc.

2. Crie um arquivo de configuração do site

Na pasta raiz do site, que nesta fase deveria estar vazia, criamos uma pasta “cfg”, e nela, através de .htaccess, fechamos o acesso com a diretiva “negar de todos”. Crie um arquivo core.php com o seguinte conteúdo:

//MYSQL
classe MeuDB
{
var $dblogin = "root"; // SEU LOGIN NO BANCO DE DADOS
var $dbpass = ""; // SUA SENHA PARA O BANCO DE DADOS
var $db = "meusite"; // NOME DO BANCO DE DADOS DO SITE
var $dbhost="localhost";

Var$link;
var $consulta;
var $erro;
var $resultado;
var $dados;
var $buscar;

Função conectar() (
$this->link = mysql_connect($this->dbhost, $this->dblogin, $this->dbpass);
mysql_select_db($this->db);
mysql_query("DEFINIR NOMES utf8");
}

Função fechar() (
mysql_close($este->link);
}

Função executar($consulta) (
$this->query = $query;
$this->resultado = mysql_query($this->query, $this->link);
$this->err = mysql_error();
}
linha de função() (
$this->dados = mysql_fetch_assoc($this->resultado);
}
função buscar() (
while ($this->data = mysql_fetch_assoc($this->result)) (
$this->fetch = $this->dados;
return $this->fetch;
}
}
função parar() (
unset($este->dados);
unset($this->resultado);
unset($this->buscar);
não definido($this->err);
unset($this->query);
}
}

Este arquivo atualmente contém apenas uma classe simples de conexão de banco de dados, mas no futuro você poderá adicionar várias funções úteis a ele que estarão acessíveis de qualquer lugar no código do site. Não se esqueça de alterar o login e a senha do seu banco de dados.

Se você estiver trabalhando em um ambiente Windows, recomendo usar o arquivo . Este editor possui numeração de linhas e converte facilmente texto de uma codificação para outra. ATENÇÃO! Se você trabalha com codificação UTF-8, converta arquivos para UTF-8 sem BOM - isso ajudará a evitar problemas no futuro.

3. Crie index.php - o controlador principal do site

O arquivo de configuração foi criado. Agora na pasta raiz do site criamos index.php - este será o script principal do site, uma espécie de “controlador principal”. Conteúdo do arquivo index.php:

define("ÍNDICE", ""); // DEFININDO A CONSTANTE DO CONTROLADOR PRINCIPAL

Require_once($_SERVER."/cfg/core.php"); // CONECTANDO O KERNEL

// CONECTA AO BD
$db = new MeuDB();
$db->conectar();

// CONTROLADOR PRINCIPAL
mudar ($_GET) (
caso "página":
include($_SERVER."/com/page.php");
quebrar;
padrão:
include($_SERVER."/com/home.php");
quebrar;
}

Incluir($_SERVER."/template.php");
$db->fechar();

A variável $_GET informará ao controlador principal qual componente do site carregar quando solicitado. Atualmente, nosso site possui apenas dois componentes: “página” e “página principal” (em princípio, você pode conviver com um componente para exibir uma página normal, mas muitas vezes a aparência da página principal do site difere das páginas normais de itens de menu) . A lógica do controlador principal é a seguinte: o nome do componente necessário é extraído da string URL (o valor da variável $option) e, dependendo do seu valor, o arquivo do próprio componente é incluído (contido no /com pasta). O arquivo do componente faz todo o trabalho necessário, extrai dados do banco de dados e os grava em variáveis ​​para transferi-los para o modelo de design. Ao final, é conectado o arquivo de design do site, para o qual são transferidas todas as variáveis ​​​​e dados extraídos nos componentes. Isso parece muito mais complicado do que funciona.

4. Crie um componente de saída de página regular

Na raiz do site, crie uma pasta “com” - os arquivos dos componentes serão armazenados nela. Um componente do site, no meu entendimento, é um arquivo no qual os dados são processados ​​para diferentes seções do site. Por exemplo, um componente de página regular recupera o título, a descrição e o texto do material do banco de dados e os grava nas variáveis ​​$title, $meta_d, $meta_k, $content, etc. você pode criar seu próprio modelo de design para cada componente) e são exibidos ao usuário como uma página HTML. Por exemplo, um componente de catálogo que poderia ser criado no futuro faria quase a mesma coisa, mas com dados sobre produtos - e possui especificidades próprias, outros campos na tabela, etc. Portanto, para cada seção funcional do site vale a pena criar um componente separado. No esquema MVC (Model-View-Controller), o componente atua como um modelo.

Crie um arquivo “page.php” na pasta “com”. O conteúdo do arquivo é o seguinte:

/* COMPONENTE DA PÁGINA */
$alias = $_GET;
$query = "SELECT * FROM páginas WHERE page_alias="".$alias."" AND page_publish="Y" LIMIT 1";
$db->executar($query);
$db->linha();
// VARIÁVEIS DO COMPONENTE
$id = $db->dados;
$alias = $db->dados;
$título = $db->dados;
$h1 = $db->dados;
$meta_d = $db->dados;
$meta_k = $db->dados;
$s_desc = $db->dados;
$componente = $db->dados;
//SE A PÁGINA NÃO EXISTE
se (!$id) (
header("HTTP/1.1 404 não encontrado");
$component = "ERRO 404! Esta página não existe";
}
$db->parar();

5. Crie o componente de exibição da página principal

A página principal do nosso banco de dados é armazenada sob o pseudônimo “home” e até agora sua estrutura não difere das páginas normais do site - é apenas um artigo. No entanto, criaremos um componente separado para isso - para o futuro, por assim dizer.

O conteúdo do componente “home.php” na pasta “com” é quase idêntico ao conteúdo do componente de página normal, com exceção da string de consulta do banco de dados e do nome do componente. A string de consulta agora se parece com isto:

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

6. Crie um modelo de design para todo o site

Na raiz do site criamos um arquivo template.php. Em essência, este é um layout de web design normal em formato HTML+CSS, apenas com variáveis ​​PHP nos lugares certos. Inserir entre tags de título, na coluna central do site há um encartee assim ao longo do template colocamos as variáveis ​​necessárias que são declaradas nos componentes.

A pasta raiz também deve conter pastas “css” e “images” para elementos de design. No arquivo /css/style.css - você pode personalizar os estilos a seu critério.

7. Limpe links e arquivo .htaccess

Para criar links limpos, eu uso mod_rewrite com instruções diretas para as regras de cada componente separadamente, pois considero a análise da barra de endereço usando o próprio controlador uma funcionalidade desnecessária. O conteúdo do .htaccess nesta fase é:

RewriteEngine ativado
Reescrever Base /

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

# ARQUIVOS PROIBIDOS
RewriteRule.htaccess - [F]
RewriteRule template.php - [F]

# REGRAS mod_rewrite
Página RewriteRule/(+)([\/](0,1))\.htm$ index.php?option=page&alias=$1 [L]

No futuro, adicionaremos regras para os componentes de pesquisa, catálogo, blog de artigos, etc. Há apenas um ponto: converter links como “meusite.com/index.php?option=pages&alias=about” em um link como “meusite.com/pages/about.htm” - parece muito bom. Tente evitar o array $_GET em desenvolvimento por razões de segurança e não confie nele. É aconselhável armazenar nele apenas os parâmetros do controlador principal (a variável $option) e do componente (a variável $alias).

Além disso, em cada pasta do site, “por precaução”, crie um arquivo index.html vazio - isso é necessário para que nada seja exibido ao acessar o diretório pela barra de endereço.

Tags: php, mysql, mecanismo de site, controlador, criação de site, mvc

2017-01-10

Crie um site dinâmico usando php

Olá querido visitante!

Hoje, a partir da página principal, utilizando a linguagem de programação PHP, criaremos uma página dinâmica, que posteriormente será gerada no servidor a cada solicitação do usuário.

Assim, alterando a estrutura do site e preenchendo-o com páginas semelhantes em mudança, obteremos um site dinâmico, o que no futuro simplificará muito o seu suporte técnico e desenvolvimento em comparação com a versão estática.

• Por que você precisa de um site dinâmico?
• Como converter um site estático em dinâmico
• Formamos blocos de um site dinâmico
• Convertendo uma página da web de estática em dinâmica
• Arquivos de origem do site

Por que você precisa de um site dinâmico?

Por que um site dinâmico é necessário foi discutido no início das instruções passo a passo no artigo Instalando um servidor web Denwer local, onde foi explicada a necessidade de instalar um servidor web local. Portanto, podemos voltar e atualizar esta questão.

Além disso, se você quiser considerar mais detalhadamente os prós e contras de sites estáticos e dinâmicos, podemos aconselhá-lo a ler as páginas do diretório online "Puzzleweb.ru" com a seção Tipos de sites, onde de forma bastante sucinta, mas ao mesmo tempo deu explicações claramente para diferentes opções de site.

captura de tela 12

Só podemos acrescentar que para obter um recurso de Internet verdadeiramente completo, é impossível pular esta etapa e permanecer com a opção de site estático.

Portanto, não nos aprofundaremos mais nas discussões teóricas sobre a necessidade de criação de um site dinâmico, mas passaremos a considerar a questão de como faremos isso.

Como converter um site estático em dinâmico

Como você sabe, a diferença fundamental entre um site dinâmico e um site estático é que em um site estático, as páginas da web prontas ficam no servidor e aguardam sua vez de serem enviadas ao navegador do usuário. Além disso, se as páginas tiverem diferenças mínimas, digamos que a diferença esteja apenas em uma frase ou mesmo em uma palavra, então essas ainda serão páginas separadas.

Na versão dinâmica, as páginas são geradas no servidor a cada solicitação do usuário, dependendo da informação solicitada.

Simplificando, isto pode ser comparado a um conjunto de construção, onde um grande número de formas diferentes pode ser feito a partir de um número limitado de elementos. Além disso, se você fizer alguma alteração em um dos elementos, ela se refletirá em toda a estrutura que inclui esse elemento.

Com base nisso, faremos a partir da página principal criada algo como um construtor, composto por determinados elementos (no nosso caso, serão arquivos), a partir dos quais as páginas web serão posteriormente montadas de acordo com as solicitações do usuário.

Para explicar as ações que realizaremos para isso, utilizaremos o código HTML do frame da página principal obtido em uma das etapas de criação do site do artigo.

2. "utf-8" >

   "Descrição" conteúdo = "Breve descrição do conteúdo da página" >

4. "embrulho" >

   Um boné

   Rotador

   Conteúdo principal

   Barra Lateral

Como você pode ver no código HTML, o contêiner , projetado para acomodar a parte visível da página web, contém os seguintes blocos principais:

• Um boné;
• Rotador;
• Conteúdo principal;
• Barra Lateral;
• Porão.

Porém, é preciso atentar para o fato de que quatro dos cinco blocos são comuns e apenas um bloco de “Conteúdo principal” será diferente para cada página.

Para obter elementos de um site dinâmico, separaremos o conteúdo desses blocos em arquivos separados, que posteriormente incluiremos na montagem de diversas páginas da web com base nas solicitações dos usuários.

Agora, nesta fase, haverá apenas cinco desses arquivos. Mas no futuro, quando páginas ou funcionalidades adicionais forem adicionadas ao site, novos arquivos serão conectados e assim por diante, conforme necessário.

Esta construção da estrutura do site permitirá que no futuro você não tenha que lidar com o trabalho rotineiro de alteração do código HTML de todas as páginas em caso de substituição ou adição de algum fragmento comum a elas. Nesses casos, bastará fazer alterações apenas em um arquivo específico e todo o procedimento de substituição estará concluído. Como você pode ver, há uma vantagem.

Mas para isso precisaremos da linguagem PHP, com a qual as páginas web poderão acessar esses blocos selecionados e transferir seu conteúdo para si mesmas.

Se alguém nunca teve que lidar com a linguagem PHP, então é aconselhável conhecê-la melhor, pois o PHP é uma das ferramentas mais importantes para o desenvolvimento de sites. Isso pode ser feito usando vários tipos de literatura de referência, que podem ser encontradas em grandes quantidades na Internet russa.

Como opção, o já citado livro de referência “Puzzleweb.ru”, em que uma de suas partes é dedicada ao tema PHP. Para um estudo mais aprofundado do PHP, você também pode usar um livro de referência especializado, adaptado especificamente para esta linguagem, postado no site "php.ru". Usando o link "https://php.ru/manual/control-structures.intro.html" você pode acessar a página "Introdução", de onde você pode selecionar facilmente qualquer seção do diretório de seu interesse.

Mas para agora fazer um site dinâmico e oferecer a possibilidade de conectar arquivos a páginas HTML, basta usar apenas uma instrução de linguagem (em PHP, qualquer script consiste em uma sequência de instruções). Esta pode ser uma das quatro instruções possíveis para conectar arquivos:

• incluir;
• exigir;
• incluir_uma vez;
• requer uma vez.

Não faz sentido descrever suas características aqui, pois isso é explicado detalhadamente em livros de referência, por exemplo, usando o link “http://www.puzzleweb.ru/php/26_inc_files.php” você pode entender isso bem.

Ao criar um site usaremos a instrução “require_once” que costumo usar esta opção, para mim é a mais conveniente.

Bem, agora que já descobrimos o que faremos, vamos passar para as ações práticas.

Formamos blocos de um site dinâmico

Para formar blocos que participarão da montagem das páginas web, primeiro é necessário criá-los. Isso é feito no editor de texto Notepad++ da mesma forma que criamos o primeiro arquivo do site “index.html” no artigo Crie uma página web e hospede-a em um servidor web local. Somente neste caso a extensão deve ser especificada não “html”, mas “php”. Neste caso, você deve definitivamente prestar atenção à codificação para evitar o aparecimento de vários tipos de caracteres incompreensíveis nas páginas no futuro.

Criaremos os arquivos em uma pasta de “blocos” separada e recém-criada. Para arquivos comuns a todas as páginas, atribuiremos nomes levando em consideração os nomes dos blocos correspondentes. E para o bloco “principal” indicaremos um nome específico para cada página do site.

Assim, para a página principal conectaremos um arquivo chamado “block_glavnaya” ao bloco “principal”. De resto: “cabeçalho”, “seção”, “aside” e “rodapé”.

Ao criar arquivos, você também pode levar em consideração que para simplificar este procedimento, você pode copiá-los através do menu “Arquivo”, especificando o novo nome do arquivo ao salvar “Salvar como”.

Em geral, a criação de arquivos é um procedimento padrão, portanto não deverá haver dificuldades. No final, deve ficar assim.

Em seguida, copiamos o conteúdo de cada bloco e o transferimos para o arquivo apropriado. Usando "header.php" como exemplo, vamos examinar isso com mais detalhes.

1. Abra o arquivo “index.html” no editor Notepad++, selecione a área desejada do bloco “cabeçalho” e clique alternadamente com os botões direito e esquerdo do mouse e copie-o para a área de transferência.

Ressalta-se que aqui estamos copiando todo o conteúdo do bloco com exceção do menu. Isso ocorre porque para refletir o botão do menu ativo nos atributos da tag