Нэг HTML файлыг өөр хэлбэрээр хэрхэн оруулах талаар

HTML-ийг ашиглах нь таны сайтын менежментийг хялбарчлах боломжтой

Аливаа вебсайт руу очиж хуудаснаас хуудасруу яваад, тэдгээр хуудсууд нь олон янзаар өөр байж болох боловч тэдгээр нь бусадтай төстэй байна. Бараг бүх вэбсайт нь сайтын хуудас бүр дээр давтагддаг дизайны элементүүдийг агуулдаг. Хуудас бүр дээр байрлах сайтын элементүүдийн зарим жишээ нь лого байршил, залуурдлага, хөлийн талбайн толгой хэсэг юм.

Сайт дээр давтагдсан элементүүд нь хэрэглэгчийн туршлагад нийцсэн байх боломжийг олгодог. Нэг зочин нь хуудас бүр дээр залуурдах байршлыг олох шаардлагагүй байдаг. Учир нь тэд үүнийг олж мэдсэний дараа тэд очиж байгаа сайтын бусад хуудсууд дээр хаана байхыг мэдэх болно.

Вэб дизайн хэрхэн хийх нь илүү үр ашигтай вэ?

Вэбсайтыг удирдах үүрэг хүлээсэн хүний ​​хувьд энэ давтагдмал хэсгүүд нь сорилтыг давахад хүргэдэг. Хэрэв та тухайн газарт ямар нэгэн өөрчлөлт хийх хэрэгтэй бол яах вэ? Жишээлбэл, хэрэв таны хөлийн (тухайн хуудасны хуудас бүр дээр байгаа) жилийн зохиогчийн эрхийн мэдэгдлийг агуулдаг бол тэр жил өөрчлөгдсөн үед та яаж засах хэрэгтэй вэ? Тэр хэсэг нь хуудас бүр дээр байдаг тул та одоо энэ өөрчлөлтийг хийхийн тулд вэбсайтныхаа бүх хуудсыг нэг бүрчлэн засах шаардлагатай юу эсвэл та үү?

Оруулсан агуулга нь энэ давтсан агуулгад зориулж сайтынхаа бүх хуудсыг засах шаардлагагүй болно. Үүний оронд та нэг файл болон бүхэл бүтэн сайтыг засаж, хуудас бүр нь шинэчлэлтийг авдаг!

Энэ функцийг таны сайт руу нэмж хэд хэдэн арга замыг авч үзээд бусад хэд хэдэн HTML файлыг оруулцгаая.

Агуулгын менежментийн систем дэх дахин давтагдах агуулга

Хэрэв таны вэбсайтад CMS ашигладаг бол зарим нэг загвар эсвэл сэдэв нь тухайн програмын нэг хэсэг юм. Хэдийгээр та өөрчлөн тохируулсан эдгээр загварыг үүсгэсэн ч гэсэн сайтад энэ хуудсыг хэвлэдэг.

Иймээс эдгээр Загварын конвенцийн маягтууд нь хуудас бүрт давтагддаг сайтуудын талбарыг агуулна. Та ердөө л CMS-ийн арын хэсэгт нэвтэрч, шаардлагатай загваруудыг засах хэрэгтэй. Тэр загварыг ашигладаг сайтын бүх хуудас шинэчлэгдэх болно.

Хэдийгээр таны сайтад зориулсан агуулгын менежментийн систем байхгүй байсан ч та оруулсан файлуудын давуу талыг ашиглаж болно. HTML-ийн хувьд, эдгээр сайтууд нь таны сайтын орчинг удирдахад хялбар болгож өгдөг.

HTML юу багтдаг вэ?

Оруулсан нь бүрэн HTML баримт биш харин HTML-ийн хэсэг юм. Үүний оронд энэ нь бүрэн вэб хуудаснуудыг оруулах боломжтой өөр хуудасны хэсэг юм. Ихэнх файлууд нь дээр дурдсан зүйлсийг вэбсайтын олон хуудсанд давтсан зүйлс юм. Жишээлбэл:

Эдгээр хуудсуудыг дахин давтах тал дээр давуу талтай байдаг. Харамсалтай нь, файлыг оруулах үйл явц нь HTML-т дангаараа тохиолдож болох зүйл биш юм. Тиймээс та вэбсайтад оруулах файлуудаа нэмэхэд ямар нэг програм эсвэл скрипт хэрэгтэй.

Сервер талыг ашиглах нь орно

Server Side Бусад SSI гэгддэг Салбарт орсон вэб хуудаснууд нь вэб хөгжүүлэгчдэд бусад хуудсан доторх HTML баримтуудыг "оруулах" боломжтой болгох зорилгоор боловсруулагдсан юм.

Үндсэндээ хуудас нь сервер дээр ажиллаж, веб хөтөч рүү илгээгдэх үед нэг баримт бичигт агуулагддаг.

SSI нь ихэнх вэб сервер дээр багтдаг боловч ажиллуулахын тулд үүнийг идэвхжүүлэх хэрэгтэй болж магадгүй юм. Хэрэв таны сервер SSI дэмждэг эсэхийг мэдэхгүй бол таны байршуулагч нийлүүлэгчтэй холбоо барина уу.

SSI-ийг бүх вэбсайтууддаа HTML-ийн агуулгаа хэрхэн оруулах талаар жишээ болгон авч үзье.

  1. HTML-ийг тусдаа вэбсайтдаа нийтлэг элемент болгон хадгалах хэрэгтэй. Жишээ нь, таны навигаци хэсэг нь navigation.html эсвэл navigation.ssi гэж хадгалагдах болно .
  2. Хуудас бүр дээрх HTML баримт бичгийн кодыг оруулахын тулд дараах SSI кодыг ашигла ( таны файлын зам болон файлын нэрийг орлуулах тэмдгийн хооронд ). {C}
  1. Файлыг оруулахыг хүссэн хуудсан дээр энэ кодыг нэмнэ үү.

PHP-г хэрэглэдэг

PHP нь серверийн түвшний скрипт хэл юм. Энэ нь хэд хэдэн зүйлсийг хийж чадна, гэхдээ нэг нийтлэг хэрэглээ бол таны хуудсанд HTML баримтуудыг оруулах явдал юм. Энэ нь бид зөвхөн SSI-тэй хамаатай.

SSI шиг PHP нь серверийн түвшний технологи юм. Хэрэв та вэбсайтдаа PHP функц байгаа эсэхээ сайн мэдэхгүй байгаа бол өөрийн хост үйлчилгээ үзүүлэгчтэй холбоо бариарай.

Энд PHP-ийн идэвхжүүлсэн веб хуудсанд HTML-ийн скрипт оруулахын тулд та энгийн PHP скриптийг ашиглаж болно:

  1. Файлыг салгах гэх мэт вэбсайтын нийтлэг элементийн HTML-ыг хадгал. Жишээ нь, таны навигаци хэсэг нь navigation.html эсвэл navigation.ssi гэж хадгалагдах болно .
  2. Хуудас бүр дээрх HTML-г оруулахын тулд дараах PHP кодыг ашигла ( таны файлын зам болон файлын нэрийг орлуулах тэмдгийн хооронд ). navigation.php ");?>
  3. Файлыг оруулахыг хүссэн хуудс бүр дээр энэ кодыг нэмнэ үү.

JavaScript дотор орно

JavaScript бол таны сайтын хуудсанд HTML оруулах өөр нэг арга юм. Энэ нь серверийн түвшний програмчлал шаарддаггүй давуу талтай боловч энэ нь жаахан илүү төвөгтэй байдаг бөгөөд энэ нь хэрэглэгчийг идэвхгүй болгох шийдвэр гаргадаггүй бол хамгийн их хийх Javascript гэсэн хөтөч дээр ажилладаг.

Энд JavaScript хэлбэрийг хэрхэн оруулах вэ?

  1. HTML хуудсыг таны сайтын нийтлэг элементүүдэд JavaScript файлд хадгална уу. Энэ файлд бичсэн аливаа HTML нь document.write функцтэй дэлгэц дээр хэвлэгдэнэ.
  2. Энэ файлыг вэбсайт руу оруулна уу.
  3. Өөрийн хуудасны JavaScript файлыг оруулахын тулд