] включение повторно используемых файлов заголовка и нижнего колонтитула в несколько страниц HTML

для создания многоразового заголовка и элементов нижнего колоннига включает в себя использование возможностей JavaScript. Эта статья содержит подробное решение, использующее JQUERY, популярную библиотеку JavaScript, для достижения этой функции.

Шаг 1: Определите структуру HTML

на родительской странице HTML ( Например, index.html), создайте два элемента заполнителей, в которых будет загружен заголовок и содержание нижнего колонтитула. Используйте уникальные идентификаторы, чтобы идентифицировать эти элементы:

 
]  step 2: внедрить функцию jquery  
 
 включить библиотеку jquery в HTML Head раздел. Затем определите функцию jQuery для загрузки файлов HTML заголовка и нижнего колонтитула в указанные элементы: 
] 


 
]  step 3: Создание файлов заголовка и нижнего колонтитула  
 
 создать отдельные HTML -файлы (например желаемый контент. Например, header.html может включить: 
 
Click here for Google
 
  Шаг 4 : Позиционировать содержимое на родительской странице  
 
, когда вы доступ к родительской странице HTML (например, index.html), jQuery динамически загружает содержимое header.html и cooler.html в свои соответствующие элементы заполнителей. , в результате чего унифицированный дисплей на всех страницах, которые включают эти заголовки и нижние колонтитулы. . 
]