HTML Görüntüleyici

HTML ve CSS kodunu yazın; canlı önizleme ile tasarımı anında görün. Öğrenme, snippet testi ve hızlı prototip için. Tarayıcıda çalışır; kod sunucuya gönderilmez.

HTML Görüntüleyici ve Canlı Önizleme

HTML görüntüleyici, yazdığınız HTML (ve isteğe bağlı CSS, JavaScript) kodunun tarayıcıda nasıl görüneceğini anında gösteren bir araçtır. Sol tarafta kodu yazın veya yapıştırın, sağ taraftaki önizleme alanı otomatik güncellenir. HTML ve CSS öğrenirken, snippet test ederken veya e-posta şablonu hazırlarken kullanılabilir.

HTML Önizleme Nasıl Çalışır?

Kod, tarayıcıda bir iframe içinde srcdoc ile yüklenir. Eksik <html> veya <body> etiketleri otomatik tamamlanır. Tüm işlem istemci tarafında yapılır; kod sunucuya gönderilmez. iframe sandbox sayesinde dış kaynaklara erişim ve form gönderimi kısıtlıdır; bu da güvenli bir deneme ortamı sağlar.

CSS ve JavaScript Desteği

HTML içinde <style> ile CSS, <script> ile JavaScript yazabilirsiniz. Inline stiller de çalışır. Sandbox nedeniyle bazı script davranışları (ör. fetch, window.open) kısıtlı olabilir. Öğrenme ve görsel test için yeterlidir.

Özet: HTML/CSS yazın, canlı önizleme görün. Ücretsiz; kod sunucuya gitmez.

Sıkça Sorulan Sorular

Yazdığınız HTML kodunun nasıl görüneceğini anında önizlemenizi sağlar. Öğrenme ve test için kullanılır.

HTML içinde <style> ve <script> etiketleri kullanabilirsiniz. iframe sandbox nedeniyle bazı script davranışları kısıtlı olabilir.

Evet. HTML yalnızca tarayıcınızda işlenir; sunucuya gönderilmez.

Yazarken kısa gecikmeyle (debounce) otomatik güncellenir; kaydetmeye gerek yoktur.

Hayır. Sadece body içeriği (ör. <p>, <div>) yazsanız bile araç bunu <html><body> içine sararak önizler.

iframe sandbox ve srcdoc kullanıldığı için harici URL'ler genelde yüklenmez. Stil ve scripti HTML içine yazın.

Evet. Tamamen ücretsizdir; kayıt gerekmez.

Sandbox nedeniyle form submit davranışı kısıtlı olabilir. Görsel test için uygundur; gerçek form testi için kendi sunucunuzu kullanın.

Evet. Responsive önizleme için ekran küçükse düzen değişebilir; telefon tarayıcısından da kullanılabilir.

Evet. UTF-8 charset ile Türkçe karakterler (ğ, ü, ş, ı, ö, ç) doğru gösterilir.