5 Trik Keren Yang Bisa Dilakukan Dengan Meta Tag HTML

5 Trik Keren Yang Bisa Dilakukan Dengan Meta Tag HTML

5 Trik Keren Yang Bisa Anda Lakukan Dengan Meta Tag HTML - Meta Tag digunakan untuk menyimpan informasi pada halaman web. Pada dasarnya, ini adalah informasi tentang data. Tujuannya adalah untuk browser dan mesin pencari untuk memahami dan mengetahui halaman yang lebih baik.

Sebagai pengembang web, kita terbiasa menetapkan deskripsi halaman, penulis, atau kata kunci melalui meta tag. Namun, ada sejumlah meta tag kemampuan yang sebagian besar dari kita mungkin tidak menyadari. Di sini saya telah mengumpulkan 5 meta tag fitur yang Anda mungkin belum pernah mendengar sebelumnya.

 
1. Mengontrol Cache Browser
Ketika Anda mengunjungi sebuah halaman web, menyimpan halaman web dalam cache untuk
membuatnya memuat lebih cepat dalam kunjungan berikutnya. Anda mungkin telah menemukan sebuah contoh di mana halaman Anda tidak diperbarui dengan perubahan yang telah Anda buat. Hal ini karena browser berisi halaman cache. Untuk mencegah hal ini, Anda dapat menonaktifkan cache browser dengan menggunakan meta tag. Untuk menonaktifkan cache browser, Anda dapat menggunakan:

<meta http-equiv="Cache-Control" content="no-store" />

Meta tag ini bekerja di Firefox, Chrome, dan Internet Explorer. Terlebih lagi di IE, di mana Anda dapat menggunakan lebih nilai dan spesifikasi untuk menonaktifkan caching, sebagai berikut.

<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />

Anda juga dapat mengatur tanggal kadaluarsa untuk memastikan bahwa browser akan menampilkan file yang fresh dari server, bukan dari cache.

<meta http-equiv="expires" content="Fri, 18 Jul 2014 1:00:00 GMT"/>

Meta data di atas berarti bahwa dokumen dianggap berakhir setelah waktu dan tanggal yang ditentukan. Jika Anda menetapkan ke "0", browser akan memeriksa dokumen baru yang segar pada setiap kunjungan.

2. Pengaturan Cookies
Serupa dengan cache, cookies adalah bagian kecil dari data yang disimpan dalam browser oleh situs web yang dikunjungi. Website dapat menggunakan kembali cookies untuk menyesuaikan beberapa fungsi situs. Sebuah contoh sehari-hari yang nyata adalah ketika Anda berbelanja di sebuah toko online. Jika Anda telah menambahkan beberapa item ke keranjang, selama Anda belum diperiksa, barang akan tetap di keranjang meskipun Anda telah meninggalkan browser selama beberapa hari.Untuk mengatur cookie pada meta-tag Anda dapat menggunakan:

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">

name=data adalah nama cookie yang menentukan nilai-nilai yang ditetapkan di dalamnya. path adalah jalur dokumen. Sedangkan, nilai kadaluarsa menunjukkan waktu dan tanggal ketika cookie dihapus dari komputer Anda. Jika Anda meninggalkan tanggal kadaluarsa kosong, cookie akan dihapus setelah Anda keluar dari browser.Sebagai contoh, jika kita ingin cookie untuk berakhir pada 31 Januari 2015 kita dapat mengatur:

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT">

3. Auto Refresh Halaman Web Secara Otomatis 
Anda dapat mengatur halaman untuk menyegarkan setelah jangka waktu tertentu. meta http-equiv="refresh" menetapkan penundaan dalam detik untuk browser untuk me-refresh halaman secara otomatis. Meta-tag spesifikasi di bawah ini akan membuat browser reload halaman setiap 5 detik.

<meta http-equiv="refresh" content="5">

Di bawah, Anda dapat melihat bahwa halaman secara otomatis refresh oleh browser.

4. Mengarahkan ke Halaman Baru Secara Otomatis 
Kita juga bisa menggunakan tag meta refresh untuk mengarahkan halaman ke tujuan tertentu. Contoh berikut akan membawa kita ke example.com setelah kami melihat halaman selama 5 detik.melihat plaincopy untuk clipboardprint?

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

Anda dapat melihatnya seperti di bawah ini.

Untuk mengarahkan halaman secara cepat, set ke 0, sebagai berikut :

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

nb: ubah hxxp menjadi http

5. Transisi Halaman
Anda juga dapat menerapkan transisi ke halaman web Anda dengan meta-tag dengan cara yang mirip dengan PowerPoint. Sintaks halaman transisi dengan meta tag terlihat seperti di bawah ini:

<meta http-equiv="page-enter" content="revealtrans(duration=seconds,transition=num)" />

<meta http-equiv="page-exit" content="revealtrans(duration=seconds,transition=num)" />

<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />

Catatan bahwa ini hanya bekerja pada Internet Explorer versi lama sejak halaman-masuk dan halaman-keluar adalah proprietary spesifikasi meta tag Microsoft. Anda dapat menentukan berapa lama transisi akan berjalan menggunakan durasi. Transisi harus diisi oleh sejumlah / integer antara 0-23 yang mengacu pada jenis transisi yang disediakan oleh Microsoft. Sedangkan, <meta http-equiv="page-masuk" content="blendTrans(durasi=sec)"/> adalah nilai lain yang datang tanpa jenis transisi.

download now

download