ALTAVEU: Suposem que ens agradaria crear una pàgina d'inici d'un curs que proporciona als estudiants enllaços a recursos. Com podem fer-ho? Bé, permetin-me proposar aquesta exemple molt simple. 

Aquí, tenim el nom del curs, CS50, sota de la qual és una llista ordenada, un amb un enllaç a les conferències, i una amb un enllaç per al programa d'estudis. Si faig clic ara en conferències, veig una altra llista desordenada, aquesta vegada amb un enllaç a la setmana 0, i un altre vincular a la Setmana 1. Si trio la Setmana 0, per exemple, vaig a Ara veiem que tenim vincles amb Dimecres i enllaços a divendres. I si em submergeixo en un nivell més profund, aquesta és CS50. 

Ara, com podem anar sobre la implementació el lloc en el codi? Bé, anem a fer una ullada. Aquí, a index.php, permetin-me a proposar ni tan sols PHP codi, sinó simplement HTML. En particular, cal no ordenada llista dins dels quals són dos elements de la llista. 

Si ara ens fixem en lectures.php, a que la primera d'aquestes bales vinculat, ara veiem que el segon no ordenada llista, aquest amb enllaços a Setmana 0 i Setmana 1. I prenem una ullada a week0.php, a que aquesta primera links d'bala, aquí veure, de nou, una llista desordenada, aquest temps amb un enllaç a Dimecres de diapositives, i un altre enllaç a les diapositives de divendres. I en la setmana 1 és un codi molt similar. 

Ara a través dels quatre d'aquests arxius és una mica de redundància. En particular, cada un d'ells té un codi HTML etiqueta, una etiqueta del cap, una etiqueta de títol, i el CS50 títol. Cadascun d'ells té un cos i una etiqueta H1, dins dels quals és, de nou, CS50. I sota d'això és una desordenada llista una i altra vegada. No seria agradable si poguéssim d'alguna manera factoritzar els elements comuns en algun lloc central, de manera que, si Jo vull tornar a canviar la meva pàgina de estructura o fins i tot el seu títol, jo podrien fer-ho molt més fàcilment.