Jak dołączyć jeden plik HTML do innego?

W tym artykule wyjaśniono, jak działa funkcja „Includes” i opisano kroki dotyczące korzystania z dołączeń po stronie serwera, dołączeń PHP i dołączeń JavaScript.

Korzystanie z dołączonych po stronie serwera

Dołączanie po stronie serwera zostało po raz pierwszy opracowane, aby umożliwić programistom internetowym „dołączanie” dokumentów HTML do innych stron. Zasadniczo fragment znaleziony w jednym dokumencie jest dołączany do innego, gdy strona jest uruchamiana na serwerze i wysyłana do przeglądarki internetowej.

SSI jest zawarte na większości serwerów internetowych, ale może być konieczne włączenie go, aby działało. Jeśli nie wiesz, czy Twój serwer obsługuje SSI, skontaktuj się ze swoim dostawca hostingu.

Oto przykład, w jaki sposób możesz użyć SSI, aby umieścić fragment kodu HTML na wszystkich swoich stronach internetowych:

1. Zapisz kod HTML wspólnych elementów witryny jako osobne pliki. Na przykład sekcja nawigacji może zostać zapisana jako nawigacja.html lub nawigacja.ssi.

2. Użyj następującego kodu SSI, aby dołączyć kod tego dokumentu HTML na każdej stronie.

   
   lub.
   

   zawierać dyrektywa przyjmuje dwa parametry. Wirtualny zakłada, że ​​nazwa pliku odnosi się do katalogu głównego dokumentu witryny, podczas gdy plik akceptuje bezwzględną ścieżkę do pliku.

3. Dodaj ten kod na każdej stronie, na której chcesz dołączyć plik.

Korzystanie z PHP zawiera

Jak SSI, PHP to technologia na poziomie serwera. Jeśli nie masz pewności, czy masz w swojej witrynie funkcję PHP, skontaktuj się z dostawcą usług hostingowych.

Oto prosty skrypt PHP, którego możesz użyć do umieszczenia fragmentu kodu HTML na dowolnej stronie internetowej obsługującej PHP:

1. Zapisz kod HTML wspólnych elementów witryny, takich jak nawigacja, w oddzielnych plikach. Na przykład sekcja nawigacji może zostać zapisana jako nawigacja.html lub nawigacja.ssi.

2. Użyj poniższego kodu PHP, aby umieścić ten kod HTML na każdej stronie (zastępując ścieżkę i nazwę pliku między cudzysłowami).

3. Dodaj ten sam kod na każdej stronie, na której chcesz dołączyć plik.

Zawiera JavaScript

JavaScript to kolejny sposób na umieszczenie kodu HTML na stronach witryny. Ta technika nie wymaga programowania na poziomie serwera, ale jest nieco bardziej skomplikowana — i to oczywiście działa dla przeglądarki, która pozwala na JavaScript, co większość robi, chyba że użytkownik zdecyduje się wyłączyć to.

Oto jak możesz dołącz fragment kodu HTML za pomocą JavaScript:

Zapisz kod HTML typowych elementów witryny w pliku JavaScript. Każdy kod HTML zapisany w tym pliku musi zostać wydrukowany na ekranie za pomocą dokument.zapis funkcjonować.

1. Prześlij ten plik do swojej witryny.

2. Użyć 

3. Użyj tego samego kodu na każdej stronie, na której chcesz dołączyć plik.

Co obejmuje kod HTML?

Dołącz to sekcja kodu HTML, która sama w sobie nie jest pełnym dokumentem HTML. Zamiast tego jest to część innej strony, którą można wstawić do pełnej strony internetowej poprzez programowanie. Większość plików dołączonych to te wyżej wymienione elementy, które powtarzają się na kilku stronach witryny. Na przykład:

• Nawigacja
• Informacje o prawach autorskich
• Obszary nagłówka
• Obszary stopki

Jak „zawiera” sprawia, że ​​projektowanie stron internetowych jest bardziej wydajne

Prawie wszystkie witryny zawierają elementy projektu, które powtarzają się na każdej stronie witryny, w tym obszar nagłówka, w którym znajduje się logo, menu nawigacyjne i obszar stopki.

Powtarzające się elementy na stronie pozwalają na spójność doświadczeń użytkownika. Odwiedzający nie musi lokalizować nawigacji na każdej stronie, ponieważ po jej znalezieniu wie, gdzie będzie na innych stronach odwiedzanej witryny.

Dołączona treść eliminuje potrzebę edytowania każdej strony witryny dla tej powtarzającej się treści. Zamiast tego edytujesz jeden plik, a następnie całą witrynę i każdą znajdującą się w niej stronę otrzymuje aktualizację.

Powtarzające się treści w systemach zarządzania treścią

Jeśli Twoja witryna korzysta z systemu CMS, prawdopodobnie korzysta z określonych szablonów lub motywów, które są częścią tego oprogramowania. Nawet jeśli tworzysz niestandardowe szablony od podstaw, witryna nadal wykorzystuje tę strukturę dla stron. W związku z tym te szablony CMS zawierają obszary witryny, które powtarzają się na każdej stronie. Po prostu logujesz się do zaplecza CMS i edytujesz niezbędne szablony. Wszystkie strony witryny korzystające z tego szablonu zostaną zaktualizowane.

Nawet jeśli nie korzystasz z systemu zarządzania treścią w swojej witrynie, nadal możesz korzystać z dołączonych plików. W HTML, zawiera ułatwiają zarządzanie tymi obszarami witryny opartymi na szablonach.

Inne obejmują metody

Istnieje kilka innych sposobów umieszczania kodu HTML na swoich stronach. Niektóre są bardziej skomplikowane niż inne, a wiele z nich jest przestarzałych jak na dzisiejsze standardy.

• Zawiera CGI: Możesz użyć Perl lub inny język programowania do tworzenia stron, a następnie dołącz, co chcesz, jako pliki „wymagane” lub wczytując je ręcznie.
• Flash zawiera: Jeśli zbudujesz swoją witrynę w całości w Adobe Flash, możesz użyć jej do dołączenia elementów witryny. Ta metoda jest przestarzała, a pełne witryny Flash są obecnie rzadkością w sieci.
• Ramki obejmują: Zamiast używać tych samych elementów w kółko na kilku stronach, utwórz witrynę z ramkami, w której ramki są zduplikowanymi częściami witryny. Jednak z wyjątkiem elementu iframe, ramki są przestarzałe w HTML5.
• Zawiera narzędzia do zarządzania treścią: Tworzenie szablonów jest jednym z głównych punktów sprzedaży CMS i tak właśnie wygląda ta praca w większości dzisiejszych witryn.