HTML5 Web Storage Nedir?

Adı : HTML5 Web Storage Nedir?

HTML5 Web Storage Nedir?

HTML5 web depolama, web sayfalarının belirli bilgileri yerel depolama alanında saklamasına olanak tanıyan bir özelliktir. Bu sayede, kullanıcıların tarayıcıda yerel olarak saklanan verileri kullanarak web sitesine tekrar erişebilmesi mümkün hale gelir. HTML5 web depolama, daha önce sadece çerezler aracılığıyla erişilebilen verilerin daha fazla kontrolünü sağlar.

Web uygulamalarında HTML5 web depolama, ziyaret edilen sayfaların indirilmesiyle yerel olarak saklanan verileri işlemek için kullanılabilir. Bu, kullanıcıların web sitesini daha hızlı yüklemelerine olanak tanır ve daha uzun bir süre boyunca yüksek performanslı bir kullanıcı deneyimi sağlar.

HTML5 web depolamasının bir diğer avantajı, çerezlere kıyasla daha fazla veri depoluama kapasitesine sahip olmasıdır. Bu nedenle, daha büyük boyutlu verileri depolamak için ideal bir seçenektir.

HTML5 Web Storage Nasıl Kullanılır?

HTML5 web depolama, yerel depolama alanı olarak adlandırılan bir yöntemle kullanılır. Bu, kullanıcının tarayıcıda yerel olarak saklanan verileri işleyerek web sitesine tekrar erişebilmesini mümkün kılar.

HTML5 web depolama kullanırken, depolama ve geri alma işlemleri için iki yöntem mevcuttur. Bunlar aşağıdaki gibidir:

1. localStorage () Metodu:

localStorage (), yerel depolama alanında verileri depolamak ve geri almak için kullanılan bir yöntemdir. Bu yöntem, anahtar-değer çiftleri olarak depolama yapar.

localStorage.setItem (\"anahtar\", \"değer\");

localStorage.getItem (\"anahtar\");

Bu yöntem kullanarak, belirli bir anahtar için bir değer kaydedebilir ve daha sonra o anahtar için kaydedilen veriyi geri alabilirsiniz.

2. sessionStorage () Metodu:

sessionStorage (), belirli bir oturum boyunca geçerli olan verilerin depolanması ve geri alınması için kullanılır. Bu yöntem, kullanıcının oturumuna özgü bir depolama alanı sağlar.

sessionStorage.setItem (\"anahtar\", \"değer\");

sessionStorage.getItem (\"anahtar\");

Bu yöntem kullanarak, belirli bir anahtar için bir değer kaydedebilir ve daha sonra o anahtar için kaydedilen veriyi geri alabilirsiniz.

Örnekler:

1. localStorage () ile örnek:

localStorage.setItem (\"isim\", \"Ali\");

localStorage.setItem (\"soyisim\", \"Yılmaz\");

localStorage.setItem (\"yaş\", \"25\");

console.log (localStorage.getItem (\"isim\"));

console.log (localStorage.getItem (\"soyisim\"));

console.log (localStorage.getItem (\"yaş\"));

Bu örnekte, localStorage() yöntemi kullanılarak \"isim\", \"soyisim\" ve \"yaş\" isimli anahtarlar dahilinde \"Ali\", \"Yılmaz\" ve \"25\" değerleri depolanmıştır. Bu veriler daha sonra getItem() yöntemi kullanılarak geri alınabilir.

2. sessionStorage () ile örnek:

sessionStorage.setItem (\"isim\", \"Ayşe\");

sessionStorage.setItem (\"soyisim\", \"Kaya\");

console.log (sessionStorage.getItem (\"isim\"));

console.log (sessionStorage.getItem (\"soyisim\"));

Bu örnekte, sessionStorage() yöntemi kullanılarak \"isim\" ve \"soyisim\" isimli anahtarlar dahilinde \"Ayşe\" ve \"Kaya\" değerleri depolanmıştır. Bu veriler daha sonra getItem() yöntemi kullanılarak geri alınabilir.

Sık Sorulan Sorular

1. HTML5 web depolama verileri ne kadar süreyle saklar?

HTML5 web depolama, verileri tarayıcı kapatıldığı sürece yerel olarak saklar.

2. HTML5 web depolama özellikleri nelerdir?

HTML5 web depolama, yerel depolama alanında verileri depolamak ve geri almak için kullanılan iki yöntemi içerir: localStorage() ve sessionStorage().

3. HTML5 web depolama verilerini nasıl silerim?

localStorage() ve sessionStorage() yöntemleri, belirli bir anahtar için depolanan verileri kaldırmak için removeItem() yöntemi kullanır.

localStorage.removeItem (\"isim\");

sessionStorage.removeItem (\"isim\");

4. HTML5 web depolama, hangi amaçlar için kullanılır?

HTML5 web depolama, web sitesinin performansını artırmak için kullanılır ve kullanıcılara daha uzun süre boyunca yüksek performanslı bir deneyim sunar. Ayrıca, çerezlerle karşılaştırıldığında daha fazla veri depolama kapasitesine sahiptir.

5. HTML5 web depolama yöntemleriyle depolana veriler, diğer web sitelerinde kullanılabilir mi?

Hayır, depolanan veriler yalnızca belirli bir web sitesi tarafından kullanılabilir ve diğer web sitesi tarafından erişilemez."