Pertanyaan Alihkan dari halaman HTML


Apakah mungkin untuk mengatur halaman HTML dasar untuk mengarahkan ke halaman lain saat dimuat?


1355
2018-03-23 20:58


asal


Jawaban:


Coba gunakan:

<meta http-equiv="refresh" content="0; url=http://example.com/" />

Catatan: Letakkan di bagian kepala.

Selain itu untuk browser yang lebih lama jika Anda menambahkan tautan cepat untuk mengantisipasi jika tautan tidak disegarkan dengan benar:

<p><a href="http://example.com/">Redirect</a></p>

Akan muncul sebagai

Redirect

Ini masih memungkinkan Anda untuk sampai ke tempat Anda pergi dengan klik tambahan.


1931
2018-03-23 21:00



Saya akan menggunakan keduanya meta, dan Kode JavaScript dan akan memiliki tautan untuk berjaga-jaga.

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="refresh" content="0; url=http://example.com">
        <script type="text/javascript">
            window.location.href = "http://example.com"
        </script>
        <title>Page Redirection</title>
    </head>
    <body>
        <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
        If you are not redirected automatically, follow this <a href='http://example.com'>link to example</a>.
    </body>
</html>

Untuk kelengkapan, saya pikir cara terbaik, jika mungkin, adalah dengan menggunakan pengalihan server, jadi kirim a 301 Kode status. Ini mudah dilakukan via .htaccess file menggunakan Apache, atau melalui banyak plugin menggunakan WordPress. Saya yakin ada juga plugin untuk semua sistem manajemen konten utama. Juga, cPanel memiliki konfigurasi yang sangat mudah untuk pengalihan 301 jika Anda menginstalnya di server Anda.


1007
2018-03-23 21:04



JavaScript

<script language="javascript">
    window.location.href = "http://example.com"
</script>

Meta tag

<meta http-equiv="refresh" content="0;url=http://example.com">

110
2018-03-23 21:01



saya akan juga tambahkan tautan kanonik untuk membantu Anda SEO orang-orang:

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>

40
2018-02-06 00:34



Meta tag berikut, ditempatkan di antara bagian dalam kepala, akan memberi tahu browser untuk mengalihkan:

<meta http-equiv="Refresh" content="seconds; url=URL"> 

Ganti detik dengan jumlah detik untuk menunggu sebelum dialihkan, dan ganti URL dengan URL yang ingin Anda alihkan.

Atau, Anda dapat mengalihkan dengan JavaScript. Tempatkan ini di dalam tag skrip di mana saja pada halaman:

window.location = "URL"

27
2018-03-23 21:01



Ini adalah penjumlahan dari setiap jawaban sebelumnya ditambah solusi tambahan menggunakan HTTP Refresh Header melalui .htaccess

1. HTTP Refresh Header

Pertama-tama, Anda dapat menggunakan .htaccess untuk mengatur header penyegaran seperti ini

Header set Refresh "3"

Ini adalah "statis" setara menggunakan header() berfungsi dalam PHP

header("refresh: 3;");

Perhatikan bahwa solusi ini tidak didukung oleh setiap browser.

2. JavaScript

Dengan alternatif URL:

<script>
    setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 3000);
</script>

Tanpa URL alternatif:

<script>
    setTimeout("location.reload(true);",timeoutPeriod);
</script>

Via jQuery:

<script>
    window.location.reload(true);
</script>

3. Meta Segarkan

Anda dapat menggunakan meta refresh ketika dependensi pada JavaScript dan redirect header tidak diinginkan

Dengan URL alternatif:

<meta http-equiv="Refresh" content="3; url=http://example.com/alternate_url.html">

Tanpa URL alternatif:

<meta http-equiv="Refresh" content="3">

Menggunakan <noscript>:

<noscript>
    <meta http-equiv="refresh" content="3" />
</noscript>

Opsional

Seperti yang direkomendasikan oleh Billy Moon, Anda dapat memberikan tautan penyegaran jika ada yang salah:

Jika Anda tidak diarahkan secara otomatis: <a href='http://example.com/alternat_url.html'>Click here</a>

Sumber daya


27
2017-11-06 10:19



Akan lebih baik untuk mengatur a Pengalihan 301. Lihat artikel Alat Webmaster Google 301 pengalihan.


26
2018-02-21 15:18



Jika Anda ingin mengikuti standar web modern, Anda harus menghindari pengalihan meta HTML biasa. Jika Anda tidak dapat membuat kode sisi server, Anda harus memilih Pengalihan JavaScript sebagai gantinya.

Untuk mendukung browser yang dinonaktifkan JavaScript, tambahkan baris meta meta meta HTML ke a noscript elemen. Itu noscript nested meta redirect digabungkan dengan canonical tag akan membantu peringkat mesin pencari Anda juga.

Jika Anda ingin menghindari loop pengalihan, Anda harus menggunakan location.replace() Fungsi JavaScript.

Sisi klien yang tepat Pengalihan URL kode terlihat seperti ini (dengan Internet Explorer 8 dan lebih rendah memperbaiki dan tanpa penundaan):

<!-- Pleace this snippet right after opening the head tag to make it work properly -->

<!-- This code is licensed under GNU GPL v3 -->
<!-- You are allowed to freely copy, distribute and use this code, but removing author credit is strictly prohibited -->
<!-- Generated by http://insider.zone/tools/client-side-url-redirect-generator/ -->

<!-- REDIRECTING STARTS -->
<link rel="canonical" href="https://stackoverflow.com/"/>
<noscript>
    <meta http-equiv="refresh" content="0; URL=https://stackoverflow.com/">
</noscript>
<!--[if lt IE 9]><script type="text/javascript">var IE_fix=true;</script><![endif]-->
<script type="text/javascript">
    var url = "https://stackoverflow.com/";
    if(typeof IE_fix != "undefined") // IE8 and lower fix to pass the http referer
    {
        document.write("redirecting..."); // Don't remove this line or appendChild() will fail because it is called before document.onload to make the redirect as fast as possible. Nobody will see this text, it is only a tech fix.
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }
    else { window.location.replace(url); } // All other browsers
</script>
<!-- Credit goes to http://insider.zone/ -->
<!-- REDIRECTING ENDS -->

21
2017-09-13 09:37



Anda bisa menggunakan META "mengalihkan":

<meta http-equiv="refresh" content="0; url=http://new.example.com/address" />

atau JavaScript redirect (perhatikan bahwa tidak semua pengguna mengaktifkan JavaScript jadi selalu siapkan solusi cadangan untuk mereka)

<script language="javascript">
  window.location = "http://new.example.com/address";
</script>

Tapi saya lebih suka merekomendasikan menggunakan mod_rewrite, jika Anda memiliki opsi.


17
2018-03-23 21:01



Begitu halaman dimuat, init fungsi diaktifkan dan halaman dialihkan:

<!DOCTYPE html>
<html>
    <head>
        <title>Example</title>
        <script>
            function init()
            {
               window.location.href = "www.wherever.com";
            }
        </script>
    </head>

    <body onload="init()">
    </body>
</html>

14
2018-04-14 16:52



Tempatkan kode berikut antara tag <HEAD> dan </ HEAD> dari kode HTML Anda:

<meta HTTP-EQUIV="REFRESH" content="0; url=http://example.com/index.html">

Kode pengalihan HTML di atas akan mengarahkan pengunjung Anda ke halaman web lain secara instan. Itu content="0; dapat diubah ke jumlah detik yang Anda inginkan agar browser menunggu sebelum dialihkan.


10
2018-02-02 19:07