Bagaimana Anda me-refresh halaman web dalam html?

Teruslah membaca artikel ini untuk mempelajari segala sesuatu tentang proses pembuatan sintaks halaman muat ulang HTML di dokumen HTML Anda

Isi

Apa Itu Halaman Refresh HTML?

Halaman refresh HTML adalah fungsi yang digunakan untuk mengatur siklus refresh otomatis pada halaman web. Ini adalah proses umum yang dapat Anda terapkan di dokumen Anda menggunakan metode yang berbeda. Lebih lanjut tentang mereka di bagian berikut dari artikel ini

Contoh Kode dan Sintaks

Ada dua cara berbeda untuk membuat halaman pemuatan ulang, di mana yang satu memerlukan elemen HTML tertentu dan yang lainnya memerlukan penambahan fungsi CSS tertentu. Apa pun metode yang akan Anda gunakan, Anda tetap harus mengatur waktu pemuatan ulang halaman dalam sintaks. Pengguna akan disajikan dengan layar penyegaran HTML segera setelah penghitung waktu habis

Proses ini juga dikenal sebagai meta refresh HTML karena elemen HTML yang digunakan. Meskipun sangat bermanfaat saat membuat halaman web yang membutuhkan penyegaran otomatis, ada beberapa kekurangannya. Itulah sebabnya di bagian selanjutnya dari artikel ini, kita akan melihat cara membuat sintaks halaman penyegaran HTML

– Membuat Sintaks

Seperti yang dijelaskan dalam pengantar artikel ini, ada dua metode berbeda yang dapat Anda gunakan untuk membuat sintaks halaman penyegaran. Salah satu contoh paling umum di mana menggunakan fungsi halaman penyegaran HTML bermanfaat dengan halaman web cuaca. Mereka seharusnya mendapatkan pembaruan setelah interval waktu yang singkat karena cuaca terus berubah

Kami telah menyebutkan sebelumnya bahwa fungsi penyegaran HTML juga dikenal sebagai penyegaran meta karena elemen yang digunakan untuk membuatnya. Itu sebabnya kami akan memulai proses pembuatan sintaks menggunakan elemen dan atribut HTML tertentu. Tanpa basa-basi lagi, mari kita lihat prosesnya

– Menggunakan Elemen HTML Tertentu Untuk Membuat Sintaks

Elemen HTML terpenting saat membuat sintaks penyegaran adalah meta. Selain itu, di dalam elemen meta HTML pembuka, Anda harus menyertakan beberapa atribut dengan nilai tertentu. Karena tag meta HTML tidak berisi bagian kontekstual apa pun dari halaman web Anda, Anda harus menyertakannya di kepala dokumen HTML Anda. Ketahuilah bahwa elemen meta tidak memiliki tag HTML penutup

Contoh Kode 1

Contoh berikut akan menunjukkan cara me-refresh halaman web pada interval waktu tertentu

Hanya sintaks ini yang diperlukan untuk mengembangkan fungsi penyegaran halaman dalam dokumen HTML Anda. Ini adalah proses sederhana yang hanya terdiri dari beberapa elemen dan atribut. Namun, terkadang Anda ingin mengarahkan pengguna ke halaman web lain. Itulah sebabnya di bagian berikut, kami akan mengajari Anda hal itu

– Mengarahkan Pengguna ke Halaman Web yang Berbeda

Pengguna tidak selalu harus tetap berada di halaman web yang sama setelah siklus penyegaran dimulai. Ada perubahan mudah yang dapat Anda lakukan untuk mengalihkan pengguna ke halaman web yang sama sekali berbeda hanya dengan menentukan URL lengkap. Sekali lagi, Anda harus menyertakan atribut ini di dalam tag meta, di samping dua atribut penting lainnya

Contoh Kode 2

Satu-satunya perbedaan dalam sintaks adalah penambahan URL tertentu, seperti yang ditunjukkan dalam contoh ini

Seperti yang ditunjukkan contoh, cukup sertakan URL dalam atribut konten yang sama dan bagi nilainya dengan titik koma. Tentu saja, Anda dapat mengubah nilai waktu interval penyegaran menjadi apa pun yang paling sesuai untuk Anda. Karena HTML http-equiv menyajikan atribut penting setelah membuat sintaks, mari kita pelajari lebih lanjut tentangnya

Mempelajari Tentang Properti http-equiv HTML

Properti HTML http-equiv digunakan di semua contoh yang telah kami tunjukkan sebelumnya. Akibatnya, ini berarti bahwa ini adalah salah satu atribut terpenting dalam sintaks halaman penyegaran lengkap. Properti http-equiv digunakan sebagai arahan pragma dan ada beberapa nilai yang dapat Anda tetapkan. Nilai untuk properti HTML ini ditampilkan dalam daftar berikut

• content-security-policy – ​​nilai properti yang digunakan untuk menentukan kebijakan konten untuk halaman web saat ini
• content-type – nilai properti yang digunakan untuk mendeklarasikan tipe MIME dan karakter penyandian dokumen saat ini
• default-style – nilai properti yang digunakan untuk mengatur lembar gaya CSS default
• x-ua-kompatibel – nilai properti yang digunakan untuk menyatakan bahwa pengguna harus memiliki IE Edge
• refresh – nilai properti yang digunakan untuk mengatur penyegaran otomatis halaman web saat ini

Seperti yang Anda lihat, terlepas dari nilai penyegaran HTML, ada beberapa lainnya yang dapat Anda gunakan dalam sintaks http-equiv Anda tanpa membuat kesalahan. Namun, Anda harus tepat karena setiap nilai memiliki fungsi tertentu dan digunakan dengan tujuan tertentu. Sekarang, mari kita lihat metode kedua untuk membuat sintaks halaman penyegaran HTML menggunakan fungsi JavaScript tertentu

– Menggunakan Fungsi JavaScript Untuk Membuat Halaman Refresh HTML

Fungsi JavaScript biasanya digunakan di dalam dokumen HTML Anda untuk meningkatkan antarmuka pengguna di halaman web Anda. Itulah mengapa membuat fungsi penyegaran halaman menggunakan JavaScript bersifat intuitif dan mudah dipelajari. Anda dapat menulis fungsi JavaScript dalam dokumen HTML yang sama dengan menyarangkannya di dalam elemen skrip HTML

Contoh Kode 3

Dalam contoh pertama ini, kami akan menunjukkan kepada Anda sintaks lengkap untuk membuat fungsi penyegaran otomatis

fungsi timedRefresh(timeoutPeriod) {
setTimeout(“lokasi. muat ulang(true);”,timeoutPeriod);
}
jendela. onload = timedRefresh(5000);
//   –>

Halaman ini akan disegarkan setiap 5 detik karena nilai '5000', yang sama dengan 5 detik.

Membuat fungsi halaman penyegaran HTML adalah proses yang bisa sangat membantu untuk meningkatkan fungsionalitas halaman web Anda. Beruntung bagi Anda, artikel ini menjadikan Anda ahli dalam membuat sintaks yang diperlukan yang berisi semua elemen, atribut, dan fungsi

5/5 - (23 suara)

Posisi adalah Segalanya

Posisi Adalah Segalanya. Sumber Daya Masuk Anda untuk Belajar & Membangun. CSS,JavaScript,HTML,PHP,C++ dan MYSQL

Bagaimana Anda me-refresh kode HTML?

Dalam HTML dan XHTML, seseorang dapat menggunakan elemen meta dengan nilai atribut http-equiv disetel ke " Refresh " dan nilai atribut konten disetel ke "0" (artinya nol detik), diikuti oleh URI yang digunakan browser

Metode apa yang digunakan untuk menyegarkan halaman web?

Solusi Terperinci. Lokasi. Metode reload() digunakan untuk me-refresh halaman web dalam javascript.

Bagaimana cara menyegarkan situs web setiap 5 detik?

setTimeout(function(){ jendela. lokasi. muat ulang(); . This example sets 5 seconds to reload the page, you can set the time as per your needs.