SPEAKER: Anta at vi ønsker å opprette en hjemmeside for et kurs som gir studentene lenker til ressurser. Hvordan kan vi gjøre det? Vel, la meg foreslå dette veldig enkelt eksempel. 

Her har vi kurset navn, CS50, under hvilken er en ordnet liste, en med en link til forelesninger, og en med en lenke til pensum. Hvis jeg klikker nå på forelesninger, ser jeg annen uordnet liste, denne gangen med en link til uke 0, og en annen lenker til uke 1. Hvis jeg velger Uke 0, for eksempel, vil jeg ser nå at vi har koblinger til Onsdag og lenker til fredag. Og hvis jeg dykke i ett nivå dypere, er dette CS50. 

Nå, hvordan kan vi gå om å implementere området i koden? Vel, la oss ta en titt. Her, i index.php, la meg å foreslå ikke engang PHP kode, men bare HTML. Spesielt er det at uordnet liste på innsiden av hvilke er to listeelementer. 

Hvis vi nå ser på lectures.php, til hvor den første av disse kuler knyttet sammen, ser vi nå at andre sorterte liste, denne med linker til Uke 0 og uke 1. Og vi tar en titt på week0.php, til som at første kule lenker, her vi se, igjen, en ikke-sorterte liste, dette tid med en link til onsdagens lysbilder, og en annen link til fredag ​​lysbilder. Og i uke 1 er svært lik kode. 

Nå over alle fire av disse filene er ganske mye redundans. Spesielt, har hver av dem en HTML tag, et hode tag, en tittel tag, og tittelen CS50. Hver av dem har en kropp og en H1 tag, på innsiden av disse er, igjen, CS50. Og under det er en ikke-sorterte listen igjen og igjen. Sikkert det ville være fint om vi kunne liksom faktor ut disse fellestrekk inn i et sentralt sted, slik at, dersom Jeg ønsker å endre min sidens struktur eller sin tittel, jeg kunne gjøre det mye lettere.