Html'de başka bir sayfaya nasıl gidilir. Sayfa yüklenmeden önce PHP'de başka bir URL'ye yönlendirme nasıl ayarlanır?

Bu makalede, JavaScript kullanarak bir kullanıcıyı bir web sayfasından diğerine nasıl yönlendirebileceğinizi göstereceğim. Ayrıca bazı basit JS yönlendirme örnekleri vereceğim.

Bir kullanıcıyı bir web sayfasından diğerine çeşitli şekillerde yönlendirebilirsiniz. HTML meta verilerini güncelleyerek dahil olmak üzere, sunucu tarafında yönlendirmeler. Örneğin, bir .htaccess dosyası, PHP ve JavaScript aracılığıyla bir istemci tarafı yönlendirmesi kullanmak.

Ancak, başka bir etkinliğin ortasında meydana gelen beklenmedik yönlendirmelerin ziyaretçileri rahatsız ettiğini unutmayın. Bu nedenle, yalnızca gerçekten gerekliyse ve kullanıcının bakış açısından mantıklıysa bir yönlendirme kullanmalısınız.

Kullanıcıyı başka bir sayfaya yönlendirmek için JavaScript'in nasıl kullanılabileceğine bakalım.

Başka bir sayfaya otomatik JavaScript yönlendirmesi

Kullanıcıyı bir sayfadan otomatik olarak yönlendirmek istiyorsanız ( URL1) başka bir sayfaya ( URL2), aşağıdaki kodu kullanabilirsiniz:

window.location.href = "URL2";

Yukarıdaki kodu ilk sayfaya yapıştırmanız gerekir ( URL1). URL2'yi istediğiniz sayfa adresiyle değiştirin. Bu kodu bir öğenin içine koymak daha iyidir (sayfanın altında değil) böylece sayfa, tarayıcı onu oluşturmaya başlamadan önce yeniden yönlendirilir.

İPUCU: Satır içi JavaScript kullanıyorsanız (yani harici bir .js dosyası olmadan), JavaScript kodunu etiketlere yerleştirdiğinizden emin olun..

X saniye sonra başka bir sayfaya yönlendir

Bu örnekte, sayfa yüklendikten bir süre sonra js'yi başka bir sayfaya yönlendireceğiz. Örneğin, hoş geldiniz sayfasını 5 saniye görüntüledikten sonra ziyaretçiyi ana sayfaya yönlendirmek istiyorsanız:

setTimeout(function()( window.location.href = "anasayfa-url"; ), 5 * 1000);

Karşılama sayfasına aşağıdaki JavaScript kodunu yapıştırmanız gerekir. Ana sayfa URL'sini ana sayfa URL'nizle değiştirmeyi unutmayın.

Komut dosyasına 5 saniye sonra yeniden yönlendirmesini söylemek için setTimeout yöntemini kullandık ( saniyeyi milisaniyeye dönüştürmek için 5 ile 1000'i çarpın).

İPUCU: JavaScript'te zaman değerleri her zaman milisaniye cinsinden hesaplanır.

Bir koşula göre başka bir sayfaya yönlendirme

Örneğin, ziyaretçinin tarayıcısına bağlı olarak yönlendirme yapabilirsiniz ( tavsiye edilmese de), ekran boyutu, günün saati veya diğer koşullar.

Belirli bir koşulu karşılayan ziyaretçileri yönlendirmek için aşağıdaki kodu kullanın:

if (KOŞUL) ( window.location.href = "yönlendirme-url"; )

Örneğin, ekran genişlikleri 600 pikselden azsa, bu kod ziyaretçileri başka bir sayfaya yönlendirir:

if (ekran genişliği< 600) { window.location.href = "redirect-url"; }

Kullanıcı eylemlerine göre başka bir sayfaya yönlendirme

Son örnek, bir ziyaretçinin eylemlerine göre nasıl yönlendirileceğini gösterir. Herhangi bir kullanıcı eylemine bir js yönlendirmesi bağlayabilirsiniz. Bu örnekte, basitlik için düğme tıklamasını ele alacağız.

Aşağıdaki kod, #mybutton 'a tıkladıktan sonra ziyaretçiyi açılış sayfasına yönlendirecektir:

document.getElementById("button").onclick = function() ( window.location.href = "yönlendirme-url"; );

Aşağıdaki kodu kullanarak da aynısını yapabilirsiniz:

Ana sayfaya git

Ayrıca bir yönlendirmeyi herhangi bir olay veya kullanıcı eylemiyle ilişkilendirebilirsiniz. Yönlendirmelerinizin kullanıcıları hayal kırıklığına uğratmadığından emin olmayı unutmayın.

mümkün olan her şeyi düşünmeye çalıştım js vakaları başka bir sayfaya yönlendirme. Başka senaryolarla karşılaşırsam, onları bu makaleye ekleyeceğim.

Makalenin çevirisi " JavaScript ile Başka Bir Sayfaya Yönlendirme» Güleryüzlü bir proje ekibi tarafından hazırlanmıştır.

İyi kötü

Bu yazıda, JS yönlendirmesini kullanmanın çeşitli yollarına bakacağız. JavaScript devre dışı bırakıldığında yeniden yönlendirme yedeklerini keşfedelim. Hem de kullanmanın etkisi...

Herkese iyi günler sevgili dostlarım ve okuyucularım. Umarım yarışmama katılmaya ve blog yolunuz hakkında yazmaya karar vermişsinizdir. Html dili çalışmamıza devam etmek istiyorum ve bugün size en önemli bileşenlerden biri olan hiperlinklerden bahsetmek istiyorum.

Evet, bu tür köprüler olmadan İnternet bu kadar uygun olmazdı. Hayır, yalan söylüyorum. Navigasyon açısından hiç uygun olmayacaktır. İnterneti onlarsız hayal edebiliyor musunuz? Şahsen yapmam.

Ve bugün html'ye nasıl köprü ekleneceğini öğreneceğiz. Ama önce size sormak istiyorum: Bir köprünün ne olduğunu ve normal bir bağlantıdan nasıl farklı olduğunu biliyor musunuz? Burada her şey gerçekten basit: bir bağlantı, bir belgeye atıfta bulunan basit bir bilgi yazımıdır. Aynı zamanda, bu metne tıklayamazsınız (hiçbir şey olmayacak), ancak bilgiyi nerede arayacağınızı biliyorsunuz.

Örnek: Photoshop'ta saç seçmeyi //website/adobe-photoshop/kak-vydelit-volosy/ adresinden öğrenebilirsiniz.

Köprü aynı metindir, yalnızca özü, bu metne tıklayıp istediğiniz sayfaya, siteye veya başka herhangi bir nesneye ulaşabilmeniz gerçeğinde yatmaktadır. Ayrıca, metnin kendisi herhangi biri olabilir, adres zaten ayrı ayrı yazılır ve tamamen farklı olabilir. Ancak, her ne olursa olsun, konuşma dilinde bunlara sadece bağlantılar denir. İşte bir köprü örneği:

Photoshop'ta saçın nasıl doğru seçileceğini, benimkilerden birinde okuyabilirsiniz.

Neyse. İyi teori. Şimdi uygulamaya geçelim ve tüm bunlardan hangisinin sorumlu olduğunu görelim.

Çift etiketi köprüden sorumludur, ancak kendi başına hiçbir şeyi temsil etmez. Her zaman bir nitelik ile birlikte gider. Ve bu durumda, bu çok href'i sürekli olarak yazmamız gerekiyor. Öznitelik değerinde, istenen kaynağa bağlantıyı koyarız. Ve içeriğin kendisinde, tıklanabilir olması gereken metnin kendisini yazıyoruz (tıklamada çalışın). Örneğe bakın ve sanırım her şeyi anlayacaksınız.

Yandex arama motoru

Anladığınız gibi bu örnekte "Yandex arama motoru" yazısının bir parçasına tıkladığınızda href özelliğinin değerinde yazılan adrese bir kişinin yönlendirileceğini yazmıştım.

Sanırım birçoğunuz iç ve dış bağlantıların olduğunun farkındasınız. Dahili bağlantılar bir dizinde, yani sitede gerçekleştirilir ve harici bağlantılar bazı üçüncü taraf kaynaklarına yönlendirir. Ve şimdi size ikisini de nasıl yapacağınızı göstereceğim.

Aynı klasördeki dosya

Ancak böyle bir geçiş, bağlantı verdiğiniz dosyanın, bağlantıyı koyduğunuz dosya ile aynı klasörde olması şartıyla işe yarayacaktır. Diğer seçenekler için her şey biraz farklıdır.

Dosyayı başka bir klasörde

1. pushkin.html dosyasını Notepad++ ile açın
2. Şimdi fotoğraf kelimesini bulun ve etiketlere sarın<href> .
3. Ve şimdi dikkat! Öznitelik değerinde, düzenlenmekte olan dosyaya, yani pushkin.html'nin kendisine göre yolu yazıyoruz. Böyle bir şey olmalı:

Bir fotoğraf

Şimdi ne yaptık? Ve şunu yaptık: fotoğrafın yolu, pushkin.html dosyasıyla aynı klasörde bulunan ayrı bir img klasöründe bulunduğundan, öznitelik değerine önce klasör adını yazmamız ve ardından eğik çizgi (/) belgenin tam adı (bizim durumumuzda fotoğraflarımızda).

Şimdi pushkin.html dosyasını tarayıcınızda kaydedin ve çalıştırın. “Fotoğraf” kelimesinin mavi renkle vurgulandığını ve tıklanabilir hale geldiğini göreceksiniz, yani bu bağlantıya tıklamak bizi img klasöründe bulunan fofo.jpg dosyasına götürecektir.

Peki, nasıl? Temiz? Bir şeye ihtiyacın olursa sormaktan çekinme.

Dış geçişler

Ve elbette, tamamen farklı bir siteye gideceğimiz üzerine tıkladıktan sonra dış bağlantılardan bahsetmeden edemiyoruz. Ama burada karmaşık bir şey yok. Bütün mesele, sitenin veya web sayfasının tam adresini href değerine atmanızdır. Yukarıda Yandex ile bir örnek gösterdim. Ama işte size bir örnek daha:

Sosyal projeler ustası için çalışacağım.

Burada belirli bir sitenin belirli bir sayfasına gidiyoruz.

Yeni bir pencerede açma

Varsayılan olarak, bir bağlantıya tıkladığınızda belge sayfanızla aynı pencerede açılır, yani. sayfanız çökecek. Ve bu iyi değil. Özellikle tanıtılan içerik projeleri veya bloglar için, bir bağlantıya tıkladığınızda, sayfanızı kapatmadan belgenin yeni bir pencerede veya sekmede açılması önerilir.

"_blank" değerine sahip hedef özniteliği bu konuda bize yardımcı olacaktır. Burada karmaşık bir şey yok. Bunu açılış etiketinin içine yapıştırmanız yeterli href özelliğinin değerinden sonra. Pushkin.html sayfasına bağlantı yaptığımız lukomorye.html dosyasından bu alıntıyı alalım, ancak şimdi bu niteliği yazacağız. Şöyle görünmelidir:

Ruslan ve Lyudmila şiirinden (Yazar - A.S. Puşkin)

Pekala, burada her şey açık. Artık içeriğe tıkladığınızda istediğiniz sayfa yeni bir pencerede açılacaktır. Bu şey çok gerekli, çünkü kaydetmezseniz, kullanıcı sayfanızdan ayrılacaktır. Ve böylece, her durumda, ancak özellikle kapatmazsa, üzerinde kalacaktır. Her şeyi kendiniz yapmaya çalışın, her şeyi ellerinizle güzelleştirin. Kopyalayıp yapıştırmaya gerek yok.

Bunun gibi bir şey. En önemli şeyleri söylemiş gibi görünüyor, ancak bu yönde ilerlemek ve profesyonel web siteleri, bloglar ve hatta çevrimiçi mağazalar oluşturmak için HTML ve CSS öğrenmek istiyorsanız, o zaman kontrol ettiğinizden emin olun. harika video kursu Bu konuda. Dersler gerçekten mükemmel ve site oluşturmaya henüz çok az aşina olan veya hiç aşina olmayan kişiler için gerçekten anlatılıyor.

Bu, bugünkü dersimizi sonlandırıyor. Umarım yazımı beğenmişsinizdir ve düzenli okuyucum olursanız sevinirim. Bu yüzden ilginç bir şeyi kaçırmamak için blog güncellemelerime abone olmayı unutmayın. Peki, tüm çabalarınızda başarılar dilerim. Güle güle!

Saygılarımla, Dmitry Kostin.

Talimat

Bir web sitesine bağlantı eklemenin birkaç yolu vardır. Motoru kullanıyorsanız, yönetici olarak malzeme menüsüne gidin. Ardından, istediğiniz sayfayı seçin veya yeni bir tane oluşturun. Metni yazın, tıklandığında geçiş yapılacaktır. Onu seçin ve araç çubuğundan Bağlantı Ekle simgesini seçin. Size doldurmanız için bir form sunulacak. cms tarafından sağlanan tüm gerekli parametreleri belirtin, adresi ayarlayın ve "Tamam" ı tıklayın. Değişiklikleri kaydedin ve tarayıcı penceresinde sayfayı yenileyin - bir bağlantı görünmelidir. Çalışıp çalışmadığını kontrol edin ve gerekirse değişiklik yapın.

Sitenin tüm sayfalarında görüntülenecek bir bağlantı oluşturmanız gerekiyorsa, şablonlar bölümüne gidin. "HTML'yi düzenle" komutunu seçin, önünüzde kodun bulunduğu bir sayfa açılacaktır. Buradaki herhangi bir şeyi değiştirmeden önce, dikkatli olun - verileri yanlışlıkla silinmesi durumunda orijinal materyali iade edebilmeniz için bilgileri güvenli bir yere kopyalayın.

İhtiyacınız olan bloğu bulun ve sayfa biçiminde bir bağlantı girin"> Geçişin yapılacağı metin. Metin yerine bir grafik dosyası koymanız gerekirse, aşağıdaki bağlantıyı kullanın: sayfalar">. Değişiklikleri kaydedin ve sonucu görün.

Web'in belirli bir bölümüne geçiş oluşturmak için sayfalar, önce çapaları sitede doğru yerlere yerleştirin, isimlerini verin. Seri numaraları ayarlamak daha iyidir - bağlantı yazmak için daha az zaman harcayın. Cms kullanıyorsanız, metnin bir bölümünü seçin, "Bağlantı Ekle" ye tıklayın ve "Çapa" alanını doldurun. Html belge biçiminde metin/resim gibi görünecek

Basit web sayfalarında başka bir sayfaya geçiş de etiketler kullanılarak koda yazılır. ve.

Kalıcı bir otomatik düzenleyin geçiş belirli bir sayfadan diğerine tüm ziyaretçiler İnternet sitesi sunucu ve sunucu tarafı programlama dilleri aracılığıyla veya HTML ve JavaScript kullanılarak yapılabilir. İkinci seçeneğin avantajları basitlik ve erişilebilirliktir - uygulanması zorunlu gereksinimler hakkında programlama bilgisi gerektirmez, yalnızca sayfa kaynak kodunu düzenlemeye erişim gerekir.

Talimat

Ziyaretçileri otomatik olarak başka bir siteye yönlendirme sorununu çözebilirsiniz. İnternet sitesi yalnızca HTML aracılığıyla (Köprü Metni İşaretleme dili - “köprü metni işaretleme dili”). Tarayıcıya mevcut sayfayı yükledikten sonra başka bir sayfayı yüklemeye başlaması gerektiğini söyleyen bir (meta etiketi) vardır. Yönlendirme adresi ve sayfaya gönderilecek süre ile ilgili bu meta etiket bilgisi (etiket öznitelikleri) İnternet sitesi a. Örneğin şöyle görünebilir: Burada Yenile, yönlendirme mekanizmasını tetikleyen kod kelimesidir. 5 sayısı, bu sayfa yüklendikten sonra işlemin başlatılması gerektiğini belirtir. Bu süre, örneğin ziyaretçinin bu sayfaya yerleştirdiğiniz mesaja zaman ayırabilmesi için gerekli olabilir. Böyle bir duraklamaya gerek yoksa, sıfıra ayarlayın. Ve URL=http://www.site, tarayıcının ziyaretçiyi göndermesi gereken adresi içerir. Bu meta etiket, sayfanın kaynak kodunun başlığına yerleştirilmelidir - arasında ve.

JavaScript programlama dili kullanılarak başka bir yol uygulanmaktadır. Web sörfçünün doğru adrese ulaşması için yalnızca bir satır koda ihtiyacınız var. Örneğin şöyle görünebilir: window.location.reload("http://www..location.replace("http://www..location.href="/";Burada yalnızca Bu komut, tarayıcıya JavaScript ile yazıldığını söyleyen etiketlerin içine yerleştirilmelidir: Ve bu üç satır da aynı başlık alanına yerleştirilmelidir (arasında). ve).

Bu seçeneklerden birini seçtikten sonra, örneğin kontrol sisteminin sayfa düzenleyicisinde istediğiniz sayfayı açın. İnternet sitesi ohm. HTML kodu düzenleme moduna geçin ve içindeki etiketi bulun. Hazırlanan yönlendirme kodunu (JavaScript veya HTML) kopyalayın ve bu etiketin önüne yapıştırın. Ardından değiştirilen sayfayı kaydedin.

Eğer bir Metin malzeme sayfanın gerekli alanına sığmıyor, metni nasıl küçülteceğinizi bilmek size yardımcı olacaktır. Bu komut, herhangi bir metin programının yanı sıra tanınmış grafik ve fotoğraf editörlerinde, Excel elektronik tablolarında ve multimedya projeleri oluşturmak için programlarda bulunur. Metin, hem kullanışlı bir hızlı panel yardımıyla hem de klavye tuşları kullanılarak azaltılabilir.

Talimat

İle çalışan bilinen bir programı açın. Microsoft Office Word'ün herkes tarafından sevilen, aynı derecede iyi bilinen Word Pad olan standart Not Defteri ve Microsoft Publisher ve diğerleri süreli yayınlar oluşturma programı olabilir. Azaltmayı planladığınız istediğiniz metin alanını seçin. Yukarıda listelenen tüm metin düzenleyicilerin, çalışma penceresinin üstünde özel bir metin biçimlendirme çubuğu vardır. Belge sayfasında yazı tipi biçimini, stilini, boyutunu, rengini ve konumunu değiştiren servis düğmeleri içerir. Metni istediğiniz boyuta ayarlayın - sadece uygun sayısal değeri seçerek. Örneğin, yazı tipi boyutunu "14" konumundan "12" konumuna küçültün.

Boyut listesinde uygun bir değer bulamadıysanız yazı tipi boyutunu manuel olarak ayarlayabilirsiniz. Biçim çubuğu görüntülenmezse, açın. Bunu yapmak için, üst menü çubuğunda bulunan "Görünüm" sekmesini kullanın. "Görünüm"e tıklayın ve "Araç Çubukları" bölümünde "Biçimlendirme"yi açın. Yazı tipini küçültmek için klavyeyi kullanabilirsiniz. İstediğiniz metin alanını vurgulayın. Ctrl + [ klavye kısayoluna basın. Bundan sonra, yazı tipi boyutu ve bir bütün olarak tüm metin tam olarak 1 puan azalacaktır.

Çalışıyorsanız, abiword veya özel "Paragraf" servisini kullanmanız iyi olur, bu nedenle satır aralığı azaltılarak metin daha küçüktür. "Biçim" menüsünü, "Paragraf" bölümünü açın. Yeni bir servis penceresi açılacaktır. Ardından, "Girintiler ve Aralık" sekmesine gidin. Alt alanda "Aralık" satır aralığı için istenen değeri ayarlayın. Ayarları kaydetmek için Tamam düğmesini tıklayın. Grafik ve fotoğraf editörlerinde metin boyutu çoğunlukla fare ile değiştirilir. Yazıyı çalışma alanına veya görüntünün üzerine yerleştirdikten sonra fare ile seçin. Ardından, metni çevreleyecek olan noktalı çizginin kenarını fare ile tutun. Metni küçültmek için kenarı başlığın ortasına doğru sürükleyin.

İlgili videolar

Kaynaklar:

• 2019'da klavyedeki metin yazı tipini azalt

Şu anda, İnternet'te genellikle onlarca ve yüz milyonlarca sayfa içeren çok sayıda site bulunmaktadır. Birçok web yöneticisi her gün yeni kaynaklar oluşturur. Bu ustalardan bazıları profesyoneldir. Kısmen - sadece web geliştirme alanındaki ilk adımları atarak, en basit soruları çözerek. Ancak genellikle başarıya giden yol, bir web sitesinde nasıl yeni bir sayfa oluşturulacağı gibi sorularla başlar.

İhtiyacın olacak

• - tarayıcı;
• - İnternet bağlantısı;
• - belki bir metin editörü;
• - muhtemelen CMS yönetici paneline erişim için kimlik bilgileri.

Talimat

Sitenin yeni sayfasına yerleştirilecek tüm içeriği hazırlayın. İçerik oluşturun. Metni tüm başlıklar, alt başlıklar, dipnotlar ve notlarla birlikte yazın. Tablo verilerini uygun bir biçimde hazırlayın.
Sunum içeriğine katılın. Sayfalarda yer alan bilgileri gösterecek grafikler varsa, onları da bulunacakları çözünürlüğe getirin. Bunun için, görüntüleri enterpolasyonla ölçeklendirmenize izin veren grafik düzenleyicileri kullanın, örneğin GIMP. Sayfa gömülü olacaksa, bir video düzenleyicide işleyin.

Sayfanın yapısını düşünün. Metin içeriğinin üzerinde nasıl yer alacağına, resimlerin, tabloların, diyagramların nerede bulunacağına karar verin. Her gömülü nesne için hizalama ve metin kaydırma seçeneklerini tanımlayın.

Gelecekteki sayfanın sunum içeriğini yerleştirin. Görüntüler yayınlayın. Bunları, bağlantıya izin veren fotoğraf barındırma sitelerinden birine yükleyin. Görüntüler bir FTP istemcisi kullanılarak yüklenebilir. Siteniz bir CMS tarafından destekleniyorsa ve dosya yükleme işlevi varsa, onu kullanmak daha uygun olabilir. Videoyu sunucuya (kendi flash oynatıcınız varsa) veya örneğin YouTube veya RuTube'a yükleyin. Her bir sunum içeriği öğesine doğrudan bağlantılar edinin ve saklayın.

Sayfa düzeni gerçekleştirin. Bir metin dosyası oluşturun, gelecekteki sayfanın içeriğini içine koyun. Metni işaretleme ile tamamlayın. İşaretleme türü ve buna bağlı olarak düzen ile ilişkili eylemler sitenin türüne bağlıdır. Sitenin tam HTML işaretlemesi oluşturması gerekecektir (HTML özelliği w3c.org'da bulunabilir). CMS çalıştıran siteler için işaretleme, sistemin türüne bağlıdır. Genellikle, geliştiricilerin sitelerinde, yönetim panelinde, yazılım dağıtım setinde bulunan CMS ile çalışmak için yardımın ayrı bölümleri bilgi biçimlendirmesine ayrılmıştır.

Sitede yeni bir sayfa oluşturun. Site statik ise, önceki adımda oluşturulan dosyayı htm veya html olarak yeniden adlandırın. İstediğiniz klasördeki sunucuya yükleyin. Yeni sayfaya bağlanmak için diğer dosyalarda değişiklikler yapın.
Site bir CMS tarafından yönetiliyorsa, yönetim paneline giriş yapın ve yeni bir belge oluşturma bölümüne gidin. Gerekirse belge türünü ve sitenin sanal yapısındaki konumunu seçin. Hazırlanan içeriği, kendisine yönelik metin alanına kopyalayın. Belgeyi kaydedin.

İlgili videolar

Bazen bir site ziyaretçisini "otomatik modda" bir sayfadan diğerine otomatik olarak yönlendirmek gerekebilir. Yani, soru sormadan ve herhangi bir şeye basmadan hemen girdim - lütfen başka bir sayfaya gidin. Örneğin site taşınmış, ancak ziyaretçiler hala eski adrese gidiyor. Elbette, süper profesyoneller bu tür yönlendirmeyi ek web sunucusu yapılandırma dosyaları (htaccess) veya sunucu komut dosyaları düzeyinde yapar. Ancak giderek artan sayıda İnternet sakini, kendi web sitelerini alıyor ve bir süper ofisin yardımı olmadan mükemmel bir şekilde yönetiyor. Neyse ki, "herkese - siteye göre" ilkesi, ağda herhangi bir ulusal proje ve ipotek olmadan uygulanmaktadır. Öyleyse, profesyonel olmayan bir ziyaretçinin belirli bir bağlantıya otomatik olarak yeniden yönlendirilmesini nasıl uygulayabilir?

Talimat

İstenilen sayfada uygun değişiklikleri yapma yeteneğinden başka bir şey gerektirmeyen en basit iki yönlendirme seçeneği vardır. Birincisi HTML (Köprü Metni İşaretleme Dili - "köprü metni işaretleme dili") aracılığıyla çözülür. Bu, - öğesinin kullanıldığı dildir. Bu, tarayıcıya sayfa ziyaretçisini hangi adrese ve kaç saniye içinde göndereceğini söyleyen ihtiyacımız olan - etiketine sahiptir. Şuna benziyor:
Burada "10" sayısı kaç saniye beklemeniz gerektiğini gösterir - örneğin, sitenin taşındığını belirten mesajı okumak için zamanınız olması için. Ve adres, tarayıcıya ziyaretçiyi nereye göndereceğini URL'yi verir. Bu etiket "sayfa başlığına" eklenmelidir - html kodunun bir etiketle başlayan ve bir etiketle biten alanı.

Yönlendirmenin ikinci yolu, JavaScript dilinin yeteneklerini kullanır. Sayfanın html kodunda kullanmak için uygun . İlk adım, tarayıcıya JavaScript komut dosyasının başladığı yer olduğunu söylemektir. JavaScript'te bu açılış etiketi şöyle görünür:
Ve bu şekilde kapanıyor:
Bu iki etiket arasında talimatlar - dil operatörleri bulunur. İstediğimiz yönlendirme etkisi, bunlardan birkaçı ile elde edilebilir:
window.location.reload("http://www.site/");
veya
document.location.replace("http://www.site/");
veya
belge.konum.href="/";
Tam komut dosyası kodu

Bir sayfayı ziyaret eden kullanıcıların https://example.com/initial.php https://example.com/final.php sayfası görüntülendi. Bu PHP , JavaScript ve HTML'de çeşitli yöntemler kullanılarak yapılabilir . Bu yazıda PHP'yi başka bir sayfaya yönlendirmek için kullanabileceğiniz yöntemlerin her birini ele alacağız.

İşte kullanacağımız birkaç değişken:

Bir URL'yi Yeniden Yönlendirmek için PHP header() İşlevini Kullanma

initial.php'den final.php'ye bir yönlendirme eklemek istiyorsanız, aşağıdaki kodu initial.php web sayfasına koyabilirsiniz. Tarayıcıya yeni bir konum başlığı gönderir:

Burada bir yönlendirme oluşturmak için PHP'nin header() işlevini kullanıyoruz. Bu kodu herhangi bir HTML veya metinden önce yerleştirmeniz gerekir. Aksi takdirde, başlığın zaten gönderildiğine dair bir hata alırsınız. Başlıkları gönderirken bu hatayı önlemek için çıktı arabelleğe almayı da kullanabilirsiniz. Aşağıdaki örnek, bu PHP yönlendirmesini çalışırken göstermektedir:

header() işlevini kullanarak yeniden yönlendirmek için ob_start() işlevi PHP betiğinde önce gelmelidir. Bu, başlık hatalarının oluşmasını önleyecektir.

Ek bir önlem olarak, web sayfası kodunun geri kalanının yürütülmemesi için başlık yönlendirmesinden hemen sonra die() veya exit() ekleyebilirsiniz. Bazı durumlarda, tarayıcılar veya tarayıcılar Konum başlığındaki göstergeye dikkat etmeyebilir. Sitenin güvenliğine yönelik potansiyel tehditlerle dolu olan:

Açık olmak gerekirse: die() veya çıkış()'ın yönlendirmelerle hiçbir ilgisi yoktur. Web sayfasındaki kodun geri kalanının yürütülmesini önlemek için kullanılırlar.

PHP bir sayfaya yönlendirme yaptığında, Location başlığının değeri belirtilirken mutlak URL'lerin kullanılması tavsiye edilir. Ancak göreceli URL'ler de işe yarayacaktır. Bu özelliği, kullanıcıları harici sitelere veya web sayfalarına yönlendirmek için de kullanabilirsiniz.

PHP'nin echo() işleviyle JavaScript yönlendirme kodunun çıktısı

Bu saf bir PHP çözümü değil. Ancak aynı zamanda etkilidir. Yönlendirmeyi işleyecek JavaScript kodunun çıktısını almak için PHP echo() işlevini kullanabilirsiniz.

Bu çözümü kullanırsanız, çıktı arabelleğe almayı kullanmak zorunda kalmazsınız. Bu ayrıca başlık göndermeyle ilgili hataları da önler.

Aşağıda, geçerli sayfadan diğerine yönlendirmek için farklı JavaScript yöntemlerini kullanan birkaç örnek verilmiştir:

self.location="https://example.com/final.php";"; Eko ""; Eko ""; Eko ""; ?>

Başka bir PHP sitesine yeniden yönlendirme yönteminin tek dezavantajı JavaScript'in istemci tarafında çalışmasıdır. Ve ziyaretçilerinizin JavaScript'i devre dışı bırakılmış olabilir.

Yönlendirmeler için HTML meta etiketlerini kullanma

Yönlendirmeyi gerçekleştirmek için temel HTML'yi de kullanabilirsiniz. Profesyonelce gelmeyebilir, ancak işe yarıyor. Ayrıca tarayıcıda JavaScript'in devre dışı bırakılması veya daha önce bir başlık hatası gönderilmesi konusunda endişelenmenize gerek yok:

Sayfayı her " otomatik olarak yenilemek için önceki örnekteki son satırı da kullanabilirsiniz. n» saniye. Örneğin, aşağıdaki kod her 8 saniyede bir sayfayı otomatik olarak yenileyecektir:

Çözüm

Bu yazıda index php ile üç farklı yönlendirme yöntemini ve bunların avantaj ve dezavantajlarını ele aldım. Kullanılacak özel yöntem, projenin amaçlarına bağlıdır.

Makalenin çevirisi " PHP'de sayfa yüklenmeden önce farklı bir url'ye nasıl yönlendirme yapabilirim» güler yüzlü proje ekibi.

İyi kötü

Bu derste, hakkında konuşacağız html'de nasıl bağlantı yapılır. Bağlantılar web sitelerinde çok sık kullanılır, sitenin bir sayfasından diğerine geçmenizi sağlar. Bağlantıların bir özelliği, yalnızca bir web sayfasına değil, aynı zamanda dosyalara, resimlere vb. yönlendirebilmeleridir.

Bağlantılar dahili veya harici olabilir. Dahili bağlantılar, aynı site içindeki sayfalara ve dosyalara gider. Dış bağlantılar üçüncü taraf sitelere, belgelere ve dosyalara yönlendirir. Aynı zamanda, bu tür bağlantılar pratik olarak aynı şekilde ayarlanır.

HTML'de bağlantı nasıl yapılır, örnekler

1. HREF- bağlantının nereye yönlendireceğinden sorumludur. Standart bir bağlantı şu şekilde tanımlanır: Bağlantı metni.

2. HEDEF— belgenin açılacağı pencereden sorumludur. Varsayılan olarak, geçerli tarayıcı penceresinde yeni bir belge açılır. "Hedef" özelliği, bağlantıyı yeni bir tarayıcı penceresinde açmanıza olanak tanır. Bu öznitelik aşağıdaki parametrelere sahiptir:

• _blank - sayfayı yeni bir pencerede yükler;
• _self - sayfayı geçerli pencereye yükler;
• _parent - sayfayı üst çerçeveye yükler;
• _top - Tüm çerçeveleri iptal eder ve sayfayı yeni bir pencerede yükler.

3. İSİM- bir sayfa içinde belirli bir alana gitmek için kullanılır. Pound işaretini tırnak içinde bir anahtar sözcük (yer imi veya etiket) takip eder. Bu etikete gitmek için bu etiketin yazıldığı bağlantıyı kullanın.

web sitesine git

web sitesine git

Ücretsiz WordPress Dersleri

Örnek 4: Bağlantı olarak resimler.

Metne geç

Sayfa metni...

Bu örnekte, sayfa "name" özniteliği kullanılarak "liste" olarak etiketlenmiştir. Bu etikete bağlantı, sayfanın belirli bir alanına gidecektir.

Dosyayı indir

Bir mektup yaz

Parametre olarak "body" etiketinde belirtilen nitelikleri kullanarak bağlantıların rengini ayarlayabilirsiniz. Bu özellikleri göz önünde bulundurun:

• bağlantı - ziyaret edilmemiş bağlantı, varsayılan olarak mavi renkte görüntülenir;
• alink - aktif bağlantı, varsayılan olarak kırmızı;
• vlink, varsayılan olarak mor olan ziyaret edilen bir bağlantıdır.

...

Böylece HTML'de bağlantıların nasıl oluşturulduğunu anladık. Bağlantılar şekillendirilebilir. Linke tıklayarak derste görebilirsiniz.