Separação de arquivos

CSS

JavaScript

HTML5

17/11/2020

FALA DEVS, estava vendo uns codigos que o programdor, ele separa o header, footer etc... Para não ficar repetindo o mesmo codigo em varias telas. Como eu faço isso ? o que eu preciso estudar ?



Obrigado a todos que me ajudarem.
Matheus

Matheus

Curtidas 0

Melhor post

Alex William

Alex William

17/11/2020

Olá amigo, tudo bem?

Não tem muito o que estudar, é só fazer um "header.php" e um "footer.php" e quando for montar a pagina dar um include neles antes de qualquer coisa, exemplo:

header.php
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>


Você não fecha o body no header, pois irá fechar no footer.

footer.php

</body>
</html>


Ai quando você for montar suas paginas, vai montar desta forma:

pagina.php
<?php
    include('header.php');
    ?>
        <div>CONTEUDO DA PAGINA XXXXXXXXXX</div>
    <?php
    include('footer.php');
?>


E o php vai montar sua pagina desta forma para o DOM:

pagina.php(montada):
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>

<div>CONTEUDO DA PAGINA XXXXXXXXXX</div>

</body>
</html>


Espero ter ajudado. :D
GOSTEI 1

Mais Respostas

Matheus

Matheus

17/11/2020

OBRIGADO !!!
GOSTEI 0
POSTAR