Qual è il modo migliore per includere contenuti esterni usando include php? (Per gli sviluppatori web che amano le pratiche ottimali)

StackOverflow https://stackoverflow.com/questions/1022544

  •  06-07-2019
  •  | 
  •  

Domanda

Ho controllato molti tutorial su tra cui intestazione, navigazione e piè di pagina usando php " include " ;. Ma ho finito per separare i miei tag html. Ad esempio, my <div id="content"> è in & Quot; header.html & Quot; mentre la chiusura del tag </div> è nel piè di pagina. Questo mi dà qualche problema quando uso jQuery e sembra un po 'disordinato. Esiste una pratica migliore per generare contenuti esterni? (jQuery è la soluzione?)

index.php 

<?php include("header.html"); ?>
<?php include("navigation.html"); ?>
<div id="content">
    <h2 class="clear">This is the contact page</h2>
        <p>
        Main content here... Main content here... Main content here... Main content here...
        Main content here... Main content here... Main content here... Main content here...
        Main content here... Main content here... Main content here... Main content here...
        Main content here... Main content here... Main content here... Main content here...
        Main content here... Main content here... Main content here... Main content here...
        Main content here... Main content here... Main content here... Main content here...
        </p>
    </div>
<?php include("footer.html"); ?>

header.html 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Study at Best</title>
    <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.corner.js"></script>
    <script type="text/javascript" src="scripts/jquery.dropshadow.js"></script>
    <script type="text/javascript" src="scripts/jqueryScripts.js"></script>
    <link rel="stylesheet" rev="stylesheet" href="styles/layout.css" />
    <link rel="stylesheet" rev="stylesheet" href="styles/ddm.css" />
</head>
<body>
<div id="container">
    <div id="header">
    This is the header
    </div>

footer.html 

    <div id="footer">
        <p>BEST School &copy; Copyright 2009</p>
    </div>
</div>
</body>
</html>
È stato utile?

Soluzione 4

Secondo me, questo non sembra giusto. Voglio dire, semplicemente non fare questo a te stesso. Sarà un incubo se il sito diventa più complesso. Che ne dici di mettere lo stesso footer div in footer.html lo stesso per header.html? Il resto appartiene a index.php. Se index.php diventa troppo complesso, suddividilo di più (javascript.html ..). & # 8211; merkuro 20 giugno alle 21:22

Altri suggerimenti

Che problema sta causando? Questa è una pratica abbastanza standard (la uso) e non l'ho mai conosciuta per creare problemi. jQuery non dovrebbe essere un problema, dal momento che nessun codice jQuery viene eseguito fino a quando tutto l'html non è stato comunque unito.

Non dovrebbe causare alcun problema. Personalmente, se la navigazione fosse semplice, la inserirei nell'intestazione e, in caso contrario, la genererei dinamicamente tramite PHP e la inserirei in una classe e la includerei nell'intestazione.

Non vedo problemi con questo. Ho usato questa tecnica molte volte prima. Per me mantiene tutto ben organizzato. E come ha detto Jonathan Sampson, non dovrebbe esserci alcun problema con jQuery.

Hm, ok, non sono sicuro che questo sia il modo migliore di farlo, ma quello che tendo a fare è avere un file modello che contenga sia l'intestazione, il piè di pagina, i menu, il lato sinistro, il lato destro, qualunque altra cosa non è specifico per una sola pagina, inclusi tutti i js inclusi e simili. E poi index.php avrebbe semplicemente una variabile di contenuto in cui va tutto il contenuto dell'indice. Alla fine dell'indice ho quindi bisogno del file modello che inserisce il & Quot; content & Quot; variabile all'interno di dove appartiene e tada, tutti i tuoi mal di testa sono finiti.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top