Meta Tag digunakan untuk menyimpan sepotong informasi pada halaman web. Pada dasarnya, ini adalah informasi tentang data. Tujuannya dalam browser dan mesin pencari untuk memahami dan mengetahui halaman yang lebih baik.

Sebagai pengembang web atau blog, 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 Maslisman telah mengumpulkan 5 meta tag fitur yang Anda mungkin belum pernah mendengar sebelumnya.


1. Mengontrol Cache Pada Browser
Ketika Anda mengunjungi sebuah halaman web, cache akan 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 diakui 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 segar 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 tanggal yang ditentukan dalam waktu. Jika Anda menetapkan ke "0", browser akan memeriksa dokumen baru yang segar pada setiap kunjungan.

2. Setting 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 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 Pada Halaman Web
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 content='2' http-equiv='refresh'/>

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


4. Redirecting ke Halaman Lain
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=http://maslisman.blogspot.com/">

Anda dapat melihat contohnya seprti dibawah ini :


Untuk mengarahkan halaman segera, set ke 0, sebagai berikut :

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

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 : ini hanya bekerja pada kuno Internet Explorer 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-enter" content="blendTrans(duration=sec)" /> adalah nilai lain yang datang tanpa jenis transisi.

Sumber : http://maslisman.blogspot.com/2014/1...nda-belum.html