Deur HTML te gebruik, kan die bestuur van u webwerf aansienlik vereenvoudig word
Gaan na enige webwerf en navigeer van bladsy na bladsy en jy sal gou besef dat, terwyl elkeen van die bladsye op verskillende maniere anders kan wees, hulle ook baie in ander voorkom. Byna alle webwerwe bevat elemente van die ontwerp wat oor elke bladsy op die webwerf herhaal word. 'N Paar voorbeelde van werfelemente wat oor elke bladsy voorkom, sal die opskrifgebied wees waar die logo woon, die navigasie en die voetstuk.
Herhaalde elemente op 'n webwerf maak voorsiening vir konsekwentheid in die gebruikerservaring. 'N Besoeker hoef nie die navigasie op elke bladsy te soek nie, want sodra hulle dit gevind het, weet hulle waar dit sal wees op ander bladsye van die webwerf wat hulle besoek.
Hoe dit insluit, maak webontwerp meer doeltreffend
Aangesien iemand die taak het om 'n webwerf te bestuur, bied hierdie herhaalde gebiede 'n uitdaging aan. Wat as jy iets in die area moet verander? Byvoorbeeld, as jou voetskrif (wat op elke bladsy van die webwerf is) 'n kopieregstaat met 'n jaar bevat, wat gebeur as daardie jaar verander en jy moet die datum wysig? Aangesien daardie afdeling op elke bladsy is, moet u elke bladsy van u werf individueel verander om dit te verander - of doen u dit?
Ingesluit inhoud kan die noodsaaklikheid om elke bladsy van u werf te wysig vir hierdie herhaalde inhoud uit te skakel. In plaas daarvan, wysig jy net een lêer en jou hele werf en elke bladsy daarin kry die update!
Kom ons kyk na 'n paar maniere waarop u hierdie funksionaliteit by u werf kan voeg en een HTML- lêer in 'n aantal ander insluit.
Herhaalde inhoud in inhoudbestuurstelsels
As jou webwerf 'n CMS gebruik , gebruik dit waarskynlik sekere templates of temas is deel van daardie sagteware. Selfs as jy hierdie templates van nuuts af opbou, maak die werf nog steeds hierdie raamwerk vir die bladsye.
As sodanig sal daardie CMS templates die areas van die webwerf bevat wat oor elke bladsy herhaal word. U kan eenvoudig aanteken by die agtergrond van die CMS en die nodige templates wysig. Al die bladsye van die werf wat daardie sjabloon gebruik, sal opgedateer word.
Selfs as u nie 'n inhoudbestuurstelsel vir u werf het nie, kan u steeds gebruik maak van ingeslote lêers. In HTML is daar ook wat kan help om hierdie templated areas van jou webwerf te bestuur.
Wat bevat HTML?
'N Sluit in is 'n gedeelte van HTML wat nie 'n volledige HTML-dokument op sigself is nie. In plaas daarvan is dit 'n gedeelte van 'n ander bladsy wat in 'n volledige webbladsye ingevoeg kan word. Die meeste van die lêers is die voormelde items wat herhaal word op verskeie bladsye van 'n webwerf. Byvoorbeeld:
- navigasie
- Kopiereg Inligting
- Header Areas
- Footer Areas
Daar is 'n voordeel om hierdie herhaalde areas op bladsye te bevat. Ongelukkig is die proses om 'n lêer in te voeg nie iets wat met HTML alleen kan gebeur nie, so jy moet 'n tipe program of script hê wat jou lêers in jou webblaaie sal insluit.
Gebruik bediener kant sluit in
Server Side Includes, ook bekend as SSI, is ontwikkel om webontwikkelaars in staat te stel om HTML-dokumente in ander bladsye in te sluit.
Eintlik is 'n fragment wat in een dokument gevind word, ingesluit in 'n ander wanneer die bladsy op die bediener uitgevoer word en na die webblaaier gestuur word.
SSI is op die meeste webbedieners ingesluit, maar jy moet dit dalk aktiveer om dit te laat werk. As u nie weet of u bediener SSI ondersteun nie, kontak u hostingverskaffer .
Hier is 'n voorbeeld van hoe jy SSI kan gebruik om 'n strokie HTML op al jou webblaaie in te sluit:
- Stoor die HTML vir die algemene elemente van jou werf as afsonderlike lêers. Byvoorbeeld, jou navigasie-afdeling kan dalk gestoor word as navigation.html of navigation.ssi .
- Gebruik die volgende SSI-kode om die kode van die HTML-dokument op elke bladsy in te sluit ( vervang die lêer se pad en lêernaam tussen die aanhalingstekens ). {C}
- Voeg hierdie kode by elke bladsy wat jy die lêer wil insluit.
Die gebruik van PHP sluit in
PHP is 'n bediener vlak script taal. Dit kan 'n aantal dinge doen, maar een algemene gebruik is om HTML-dokumente in jou bladsye in te sluit, op dieselfde manier waarop ons net met 'n SSI gedek het.
Soos SSI is PHP 'n bedienervlak tegnologie. As u nie seker is of u PHP-funksionaliteit op u webwerf het nie, kontak u hostingverskaffer.
Hier is 'n eenvoudige PHP-skrip wat u kan gebruik om 'n strokie HTML op enige PHP-geaktiveerde webblad in te sluit:
- Stoor die HTML vir die algemene elemente van jou werf, soos die navigasie, om lêers te skei. Byvoorbeeld, jou navigasie-afdeling kan dalk gestoor word as navigation.html of navigation.ssi .
- Gebruik die volgende PHP-kode om die HTML op elke bladsy in te sluit ( vervang die lêer se pad en lêernaam tussen die aanhalingstekens ). navigation.php ") ;?>
- Voeg dieselfde kode by elke bladsy wat u die lêer wil insluit.
JavaScript sluit in
JavaScript is 'n ander manier om HTML in die bladsye van u werf in te sluit. Dit het die voordeel dat dit nie op bedienervlakprogrammering vereis word nie, maar dit is 'n bietjie meer ingewikkeld - en dit werk natuurlik vir 'n blaaier wat Javascript toelaat, wat die meeste doen tensy die gebruiker besluit om dit uit te skakel.
Gaan soos volg te werk om 'n HTML-kode te gebruik deur JavaScript te gebruik :
- Stoor die HTML vir die algemene elemente van jou werf in 'n JavaScript-lêer. Enige HTML wat in hierdie lêer geskryf is, moet op die skerm gedruk word met die document.write-funksie.
- Laai die lêer op jou webwerf op.
- Gebruik 'n