Басқа HTML-файлды қалай қосуға болады

HTML элементтерін пайдалану сіздің сайтыңызды басқаруды айтарлықтай жеңілдетеді

Кез келген веб-сайтқа өтіп, бетті беттен жылжыңыз және сіз бұл беттердің әрқайсысы әртүрлі болуы мүмкін екенін тез түсінетін боласыз, олар да басқаларға ұқсас. Дәл дерлік барлық веб-сайттар сайттың әр бетінен қайталанатын дизайн элементтерін қамтиды. Әрбір бет бойынша табылатын торап элементтерінің кейбір мысалдары логотип орналасқан шарлау аймағы, навигация және төменгі деректеме аймағы болады.

Сайттағы қайталанған элементтер пайдаланушы тәжірибесіне сәйкестікті қамтамасыз етеді. Келушінің әрбір бетінде навигацияны табудың қажеті жоқ, себебі олар оны тапқаннан кейін, олар сайттың басқа беттерінде қайда орналасатынын біледі.

Веб-дизайнды неғұрлым тиімдірек ету

Біреу веб-сайтты басқаруға тапсырылғандықтан, бұл қайталанатын аймақтар қиындық тудырады. Егер сол жерде қандай да бір өзгеріс жасау керек болса ше? Мысалы, төменгі колонтитулыңыз (сайттың әрбір бетінде орналасқан) авторлық құқық туралы мәлімдеме бар болса, сол жыл өзгергенде не болады және сіз күні өзгерту керек болады? Бұл бөлім кез-келген бетте болғандықтан, сіз осы өзгерісті жасау үшін енді сіздің сайтыңыздың әр бір бетін өңдеуіңіз керек пе?

Қосылған мазмұн бұл қайталанған мазмұн үшін тораптың әр бетін өңдеуге қажеттілікті жоюы мүмкін. Оның орнына, сіз тек бір файлды және бүкіл сайтыңызды өңдейсіз және онда әрбір бет жаңартылған болады!

Бұл функцияны сіздің сайтыңызға қосудың бірнеше жолын және бірнеше басқа HTML файлын қосып көрейік.

Мазмұнды басқару жүйелеріндегі қайталанатын мазмұн

Егер сіздің сайтыңыз CMS-ні пайдаланса , ол белгілі бір үлгілерді қолдануы мүмкін немесе тақырыптар осы бағдарламалық жасақтаманың бөлігі болып табылады. Егер сіз бұл үлгілерді нөлден құрастыра берсеңіз де, сайт осы беттерге арналған.

Осындай CMS үлгілері әр бетте қайталанатын торап аймақтарын қамтиды. Сіз тек CMS-дің бортына кіріп, қажетті үлгілерді редакциялайсыз. Осы үлгісін қолданатын сайттың барлық беттері жаңартылады.

Торапыңыз үшін мазмұнды басқару жүйесі болмаса да, бар файлдарды пайдалана аласыз. HTML-де, тораптың осы үлгілі аймақтарын басқаруды жеңілдетуге көмектесетіндер бар.

HTML деген не?

Қосу - толық HTML құжаты емес HTML секциясы. Оның орнына, бұл толық веб-беттерге бағдарламалауға болатын басқа беттің бөлігі. Көптеген файлдар веб-сайттың бірнеше бетінде қайталанатын элементтер болып табылады. Мысалға:

Беттерге енгізілген қайталанатын аймақтардың болуы артықшылығы бар. Өкінішке орай, файлды кірістіру үдерісі тек HTML-мен бір нәрсе болуы мүмкін емес, сондықтан сіздің веб-беттеріңізге қосылатын файлдарды қосатын бағдарламаның немесе сценарийдің қандай да бір түрі болуы керек.

Сервер жағын қосады

Сервер жағы кіреді, SSI деп те аталатын, алдымен веб-әзірлеушілерге HTML құжаттарын басқа беттердің ішіне «қосуға» мүмкіндік берді.

Негізінде, бір құжатта табылған үзінді, беттің серверде іске қосылып, веб-браузерге жіберілген кезде екіншісіне қосылады.

SSI көбінесе веб-серверлерге кіреді, бірақ оны жұмыс істеу үшін оны қосу керек болуы мүмкін. Серверіңіз SSI қолдайтын-қолдамайтынын білмесеңіз, хостинг провайдеріне хабарласыңыз.

Барлық веб-беттердегі HTML үзіндісін қосу үшін SSI пайдалану әдісін мысал келтіріңіз:

  1. HTML-ті тораптың ортақ элементтері үшін бөлек файлдар ретінде сақтаңыз. Мысалы, навигация бөлімі шарлау.html немесе navigation.ssi ретінде сақталуы мүмкін .
  2. Әрбір бетте HTML құжатының кодын ( файлдың жолын және файл атауын тырнақша белгілерінің арасында ауыстыру) қосу үшін келесі SSI кодын пайдаланыңыз. {C}
  1. Файлды қосқыңыз келетін әрбір бетке осы кодты қосыңыз.

PHP пайдалану

PHP - серверлік деңгейдегі сценарий тілі. Ол көптеген нәрселерді жасай алады, бірақ жалпыға ортақ пайдалану - HTML құжаттарын беттеріңіздің ішіне қосу, сол сияқты SSI-мен ғана қамтылған.

SSI сияқты, PHP - сервер деңгейінің технологиясы. Веб-сайтыңызда PHP функциясы бар-жоғын білмесеңіз, хостинг провайдеріне хабарласыңыз.

Мұнда PHP-қосылған кез-келген веб-беттегі HTML үзіндісін қосу үшін пайдалануға болатын қарапайым PHP сценарийі:

  1. Навигация, файлдарды бөлектеу сияқты тораптың ортақ элементтеріне HTML сақтау. Мысалы, навигация бөлімі шарлау.html немесе navigation.ssi ретінде сақталуы мүмкін .
  2. Әрбір бетте HTML-ды ( файлдың жолын және файл атауын тырнақшалармен алмастыру) қосу үшін келесі PHP кодын пайдаланыңыз. navigation.php «);;>
  3. Файлды қосқыңыз келетін әрбір параққа осы кодты қосыңыз.

JavaScript құрамына кіреді

JavaScript - бұл сіздің сайтыңыздың беттерінде HTML қосудың тағы бір жолы. Бұл серверлік деңгейде бағдарламалауды талап етпейтін артықшылыққа ие, бірақ ол біршама күрделірек - және ол пайдаланушы өшірмейінше, көбінесе Javascript-ге рұқсат беретін шолғыш үшін жұмыс істейді.

JavaScript-ні пайдаланып HTML үзіндісін қалай қосуға болады:

  1. HTML файлын тораптың ортақ элементтеріне JavaScript файлына сақтаңыз. Бұл файлда жазылған кез-келген HTML құжаты document.write функциясымен экранға шығарылуы керек.
  2. Бұл файлды веб-сайтыңызға кері жүктеңіз.
  3. JavaScript файлын беттеріңізге қосу үшін