Вставить страницу в HTML дизайн
Я разработал один веб-сайт с 20 страницами, а меню и заголовок имеют дизайн CSS. Моя проблема в том, что если я изменю содержимое меню, то мне нужно изменить всю страницу, чтобы сделать отдельную страницу для заголовка.
Я попытался включить метод страницы, но не работает, пожалуйста.
Фрагмент кода:
<!DOCTYPE html>
<html class=" no-bgpositionxy" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>sample</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
<link rel="shortcut icon" href="Fav.ico">
<meta name="robots" content="follow,index">
<link type="text/css" href="css/BodyAlign.css" rel="stylesheet" media="all">
<script type="text/javascript" src="js/Menu.js"></script>
<script type="text/javascript" src="js/Menu1.js"></script>
<script type="text/javascript" src="js/MenuDrop.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
ct = "us";
selURL = "manufacturing.html";
$(function(){$('#popularSearches,#country-list').hide();});
</script>
<style media="screen" type="text/css">
<!--
.enlarge {width:330px;bottom:55px;}
-->
</style>
</head>
<!-- Head -->
<body>
ниже кода находится меню, поэтому я хочу сделать отдельную страницу для кода ниже
<header id="header"> <div class="container"> <div id="topnav_wrap"> <ul id="topnav"> <li class="topnav_column_title"> <a href="index.html">Home</a></li>
<li id="why_workday_menu"> <a href="manufacturing.html">Why </a> <div style="width: 200px;" class="topnav_content 1-columns"> <ul class="topnav_column1 last">
<li class="topnav_column_title"> <a href="manufacturing.html">Why </a></li> <li> <a href="manufacturing.html">Designed for the Way You Work</a></li> <li> <a href="manufacturing.html">Real Cloud</a></li> <li> <a href="manufacturing.html">Mobile</a></li> <div class="clearfix"></div>