Hvordan administrere HTML5 og CSS3 innhold med server side inkluderer (SSIer)

HTML5 og CSS3 webutviklere har lenge brukt det enkle SSI (Server Side Include) -tricket som et raskt og enkelt måte å administrere innhold på. Det innebærer å bryte koden i mindre kodesegmenter og et rammeverk som kan kopieres.

Selv om du ser kildekoden i nettleseren, finner du ikke noe uvanlig om siden.

Men hvis du ser på koden i et tekstredigeringsprogram, finner du noen interessante funn:

csSSI. Shtml 
Noen interessante ting skjer i denne kodestykket:









Siden har ingen innhold! Alt innholdet er borte. Denne siden, som bare inneholder strukturell informasjon, er hjertet av noen form for CSS - strukturen er skilt fra innholdet.


En nydelig ny tag er i stedet for innholdet. På hvert sted du forventer å se tekst, ser du en 








Filnavnet er uvanlig. Serveren ser vanligvis ikke etter inkludere koder (fordi de fleste sider ikke har dem). Vanligvis må du lagre filen med den spesielle utvidelsen. shtml for å be om at serveren ser etter, inkluderer direktiver og utfør dem. (Det er mulig å bruke spesielle serverkonfigurasjoner for å tillate SSI med normale.html-utvidelser.)


Servere tillater ikke alltid SSI-teknologier. Ikke hver server er konfigurert for Server Side Inkluderer. Det kan hende du må sjekke med serveradministratoren for å gjøre dette arbeidet.


Den fine tingen om Server Side Inkluderer er måten at den skiller innholdet fra strukturen. Se for eksempel koden for den første innholdsblokken:

Denne koden meddeler serveren å se etter filhistorien1. html i gjeldende katalog og plasser innholdet i filen der. Filen er et enormt forenklet HTML-fragment:

Bok I - Opprett HTML-stiftelsen

Lyd-HTML-grunnlag
Alt om validering
Velge verktøyene dine
Administrere informasjon med lister og tabeller
Gjør tilkoblinger med koblinger
Legge til bilder
Opprette skjemaer


Denne tilnærmingen gjør det veldig enkelt å endre siden.Hvis du vil ha en ny historie, lager du bare en ny fil, story1. html, og legg det i katalogen. Å skrive et program for å gjøre dette automatisk er enkelt.
Som PHP-kode fungerer SSI-kode ikke hvis du bare åpner filen i nettleseren eller drar filen til vinduet. SSI krever aktiv deltakelse fra serveren; å kjøre en SSI-side på maskinen din, derfor må du bruke localhost, som du gjør for PHP-kode.
Hvis du ser kildekoden til csSSI. shtml du vil ikke se inkluderingslinjene; De vil bli erstattet med de medfølgende HTML-kodene.