Ekstern menu i HTML - Nemmere måde at opdatere menuen på
Jeg søger et endeligt svar på følgende spørgsmål om menuer i HTML/CSS:
Kan det lade sig gøre at lave en ekstern menu, som du kan importere til alle dine HTML sider, sådan at du er fri for at skulle sætte menuen ind på hver enkelt side. Det ville være super dejligt, især også hvis menuen nu skal opdateres.
Kunne det tænkes, at man blot kan lave en separat HTML-fil med menuen og på en måde linke til denne ? Jeg ved, at man kan med PHP osv., men kan man på nogen måde i helt almindelig HTML? Hari kke mod på PHP lige nu.
I ren HTML kan den slags kun lade sig gøre ved at bruge frames, hvilket er en dårlig løsning, eller AJAX, hvilket ødelægger SEO. Der skal noget server-side til - og det kommer an på din server, hvad der kan lade sig gøre. Hvis den understøtter f.eks. SSI (server side includes) er det simpelt. Så kan du f.eks. bruge: <!--#include virtual="menu.html" -->
Hvis den understøtter PHP, behøver du jo heller ikke lære sproget, for at kunne bruge de utroligt simple include-muligheder der er. F.eks.
<?php include 'menu.html'; ?>
- Men problemet er, at alle disse muligheder skal køres på en webserver. Du kan altså ikke bare dobbeltklikke på en html-fil på din computer og se det virke. Så er der desværre kun frames eller AJAX.
Hvis man så bruger frames, hvordan skal den eksterne fil så se ud og hvordan linker man til den? (jeg har slået det op mange gange, men kan ikke få det til at fungere)...
Hvis man så bruger frames, hvordan skal den eksterne fil så se ud og hvordan linker man til den? (jeg har slået det op mange gange, men kan ikke få det til at fungere)...
Hvis du bruger frames, så skal den fil du inkludere være fuldt formet, altså have doctype, header, body osv. med. Det ville den ikke skulle, hvis du inkluderede den server-side.
Den nemmeste form for frame at bruge er en iframe. Den kan du lave sådan:
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.