# HTML Görüntüleyici
URL: https://discuvr.org/html-viewer/?hl=tr
Last updated: 2026-11-08
MCP tool: `inspect_html`
HTML'i yapıştırıp korumalı alanda telefon, tablet veya masaüstü genişliğinde canlı önizleyin. Güzelleştirin, küçültün, betikleri konsolla çalıştırın, hataları görün.
Bir e-posta şablonu, bir destek kaydından bir parça, dışa aktarılmış bir rapor: bazen yalnızca bir HTML parçasının nasıl göründüğünü görmeniz gerekir. Yapıştırın; siz yazarken, kilitli bir çerçevenin içinde ve seçtiğiniz ekran genişliğinde görüntülensin. Önizlemenin yanında onu düzenleyebilir, küçültebilir, betiklerini bir konsolla çalıştırabilir ve işaretlemede gerçekten neyin yanlış olduğunu listede görebilirsiniz.
## Ne işe yarar
- Siz yazarken canlı önizleme; 200.000 karakterin üzerinde siz Yenile'ye basana kadar duraklar.
- Telefon, tablet, masaüstü ve tam genişlik önizleme boyutları, ayrıca tam ekran.
- Betikler varsayılan olarak kapalıdır; açtığınızda konsol çıktısını ve hataları görürsünüz.
- Dağınık işaretlemeyi güzelleştirin veya küçültün; pre, script ve style içeriğine dokunulmaz.
- Bir inceleme raporu: öğe sayıları, başlık ana hattı ve somut sorunlar.
- Yerel bir .html dosyası açın, sonucu kopyalayın veya indirin.
## Nasıl çalışır
1. HTML yapıştırın, bir .html dosyası açın veya örneği yükleyin.
2. Bir önizleme genişliği seçin ve betiklerin çalışıp çalışmayacağına karar verin.
3. Güzelleştirin, küçültün veya inceleyin, sonra sonucu kopyalayın ya da indirin.
## Önizleme neden korumalı alanda
Yapıştırılan HTML, sizin yazmadığınız betikler, formlar ve bağlantılar içerebilir. Önizleme, kendi opak kaynağına sahip bir sandbox iframe içinde çalışır; bu yüzden içindeki hiçbir şey bu sitenin çerezlerini veya oturumunuzu okuyamaz, sizin adınıza bir yere gönderim yapamaz ya da bu sayfayı başka yere yönlendiremez. Betikler siz açana kadar kapalı kalır.
## İnceleme neleri denetler
İşaretlemeyi standart bir HTML ayrıştırıcıyla okur ve yalnızca gördüğünü bildirir: açılıp hiç kapatılmayan etiketler, açılışı olmayan kapanış etiketleri, alt metni olmayan görseller, yinelenen id'ler, rel="noopener" olmadan yeni sekme açan bağlantılar, atlanan başlık seviyeleri, http:// üzerinden yüklenen kaynaklar ve tam bir sayfada eksik doctype, title, lang veya viewport etiketi.
## Denetimin bilerek görmezden geldikleri
Stili değil, hataları bildirir. HTML standardının yazılmamasına izin verdiği kapanış etiketleri, örneğin , , , ve , hiçbir zaman kapatılmamış olarak listelenmez;
, ![]()
ve gibi boş öğelerin kapanış etiketi olmaz. Boş bir alt="" alternatif metin sayılır, bu da süs amaçlı bir görsel için doğrudur. target="_blank" olan bir bağlantı rel="noopener" veya rel="noreferrer" ile geçer. içindeki düz bir http:// bağlantısı güvensiz sayılmaz; yalnızca görseller, betikler, stil dosyaları ve iframe gibi yüklenen kaynaklar sayılır. Başlık düzeylerinde yukarı dönmek (h4'ten h2'ye) sorun değildir; yalnızca bir düzeyi atlayan aşağı sıçrama (h2'den h4'e) bildirilir. doctype, title, lang ve viewport denetimleri yalnızca yapıştırılan metin tam bir sayfaysa, yani doctype ya da html, head veya body etiketi içeriyorsa çalışır; bu yüzden bir e-posta bloğu veya CMS parçası bunlar için eksi almaz.
## Bir HTML e-postasını göndermeden önce kontrol etmek
Önce Telefon genişliğinde (375 px) bakın, çünkü birçok kişi e-postayı telefonda açar; sonra Tablet (768 px) ve Masaüstü (1280 px). Betikleri kapalı bırakın: e-posta uygulamaları JavaScript çalıştırmaz, bu yüzden betiksiz önizleme okurun göreceğine daha yakındır. Görseller için https:// ile başlayan mutlak adresler kullanın, çünkü ne önizleme ne de alıcının e-posta uygulaması bilgisayarınızdaki dosyaları görebilir. Küçült, sıradan yorumları siler ama . kalıbının kapanışını korumaz; bu kalıbı kullanan bir şablonu küçültmeyin, yoksa Outlook o noktadan sonraki her şeyi gizleyebilir. Önizleme bir tarayıcı görüntüsüdür; klasik Windows Outlook e-postayı Word motoruyla çizer, bu yüzden büyük bir gönderimden önce oraya kendinize bir test gönderin.
## Sorular
**HTML kodum yükleniyor veya saklanıyor mu?**
Önizleme, güzelleştirme ve küçültme tarayıcınızda yapılır. İşaretlemeyi sunucuya yalnızca inceleme raporu gönderir; orada ayrıştırılır ve aynı yanıtta geri döner. Hiçbir şey diske yazılmaz veya günlüğe kaydedilmez, kullanım kayıtları yalnızca sayıları tutar.
**Betiklerim neden çalışmıyor?**
Yapıştırılan koda güvenilemeyeceği için betikler varsayılan olarak kapalıdır. "Betikleri çalıştır" seçeneğini işaretleyin; önizleme, yine sandbox içinde, JavaScript açık olarak yeniden yüklenir ve konsol çıktısı önizlemenin altında görünür.
**Göreli görseller veya stil dosyaları neden yüklenmiyor?**
Önizleme, bilgisayarınızdan veya sunucunuzdan değil, yapıştırılan metinden oluşturulur. Bu nedenle images/logo.png gibi göreli bir yol bu sitede aranır ve bulunamaz. Mutlak URL'ler kullanın ya da dosyaların gerçekte bulunduğu yeri gösteren bir etiketi ekleyin.
**Güzelleştirme sayfanın görünümünü değiştirir mi?**
Yalnızca etiketler arasındaki girintiyi yeniden düzenler; pre, textarea, script ve style içeriğine dokunmaz. Satır içi öğeler arasındaki boşluklar bazen hafifçe kayabilir, bu yüzden biçimlendirmeden sonra önizlemeyi kontrol edin.
**Ne kadar büyük bir belgeyi işleyebilir?**
İnceleme raporu 1.000.000 karaktere kadar kabul eder ve en fazla 200 sorun listeler. Yazmanın akıcı kalması için canlı önizleme 200.000 karakterin üzerinde duraklar; güncellemek için Yenile'ye veya Ctrl+Enter'a basın.
**Bir HTML e-posta şablonunu önizleyebilir miyim?**
Evet. E-postanın HTML kodunu yapıştırın ya da .html dosyasını açın, iki düzeni de görmek için genişliği Telefon (375 px) ve Masaüstü (1280 px) yapın ve alternatif metni olmayan görselleri ve şifresiz http:// üzerinden yüklenen kaynakları bulmak için İncele düğmesine basın. Önizleme tarayıcınızın motorunu kullanır; her e-posta istemcisinin ise kendi motoru vardır ve birçoğu CSS'in bir kısmını atar. Bu yüzden önizleme, tarayıcıdaki bir web postasının göstereceğine yakındır, her gelen kutusunun göstereceğinin aynısı değildir. E-posta istemcileri JavaScript çalıştırmaz, Betikleri çalıştır seçeneğini kapalı bırakın. Gerçek gönderimden önce okurlarınızın kullandığı istemcilere bir test e-postası gönderin.
**Bana gönderilen bir HTML dosyasını açmak güvenli mi?**
Doğrudan açmaktan daha güvenli. Dosya aç, dosyayı tarayıcınızdaki düzenleyiciye yükler ve İncele düğmesine basmadıkça sunucuya hiçbir şey gitmez. Önizleme, betiklerin ve form gönderiminin kapalı olduğu yalıtılmış bir çerçevedir, bu yüzden sayfa kod çalıştıramaz, form gönderemez ve bu sitenin çerezlerine erişemez. Tam http(s) adresli görseller ve stil dosyaları yine de yüklenir, yani gönderen dosyanın açıldığını anlayabilir. Önce kaynağı okuyun, Betikleri çalıştır seçeneğini kapalı bırakın ve size gönderilen bir sayfaya asla parola yazmayın.
**Bir dosyayı açınca Türkçe harfler neden � işaretine dönüşüyor?**
Dosya aç, dosyayı her zaman UTF-8 olarak okur ve içindeki etiketini yok sayar. Windows-1254 veya ISO-8859-9 ile kaydedilmiş bir sayfa (eski Windows düzenleyicileri ve dışa aktarımlarında sık görülür) ş, ğ, ı ve ç gibi harfleri geçerli UTF-8 olmayan baytlarla saklar, bu yüzden her biri yerine geçen karakter � olarak görünür. Dosyayı düzenleyicinizde açın, UTF-8 olarak yeniden kaydedin (Not Defteri: Farklı kaydet, Kodlama UTF-8; VS Code: durum çubuğundaki kodlamaya tıklayın, ardından Save with Encoding) ve burada tekrar açın. Ya da dosyayı tarayıcınızda açın, kaynağını görüntüleyip buraya yapıştırın; tarayıcı onu sayfanın kendi charset değeriyle zaten çözmüştür.
**Önizlemede bir form veya yeni sekme açan bir bağlantı neden hiçbir şey yapmıyor?**
Korumalı alan, Betikleri çalıştır açıkken bile form gönderimine ve açılır pencerelere asla izin vermez; bu yüzden Gönder düğmesi hiçbir şey göndermez, target="_blank" bağlantıları ve window.open() çağrıları engellenir. Böylece yapıştırılan bir sayfa veri gönderemez veya başka siteler açamaz. Sıradan bağlantılar önizleme çerçevesinin içinde açılır; çerçeve içinde gösterilmeyi reddeden siteler orada boş ya da reddedilmiş görünür. Bir formu denetlemek için kaynakta action, method ve alanlarını okuyun; İncele ayrıca rel="noopener" içermeyen her target="_blank" bağlantısını listeler. Gerçek gönderimi kendi geliştirme sunucunuzda test edin.
## Geliştirici Araçları içinde daha fazlası
- [IP Alt Ağ Hesaplayıcı](https://discuvr.org/ip-subnet-calculator/?hl=tr)
- [Kodla / Çöz](https://discuvr.org/encode-decode/?hl=tr)
- [Unix Zaman Damgası Dönüştürücü](https://discuvr.org/timestamp-converter/?hl=tr)
- [Sistem Diyagramı Oluşturucu](https://discuvr.org/system-diagram/?hl=tr)
## Sıklıkla birlikte kullanılanlar
- [Metin Karşılaştırma](https://discuvr.org/text-diff/?hl=tr)
- [Web Sitesi Güvenlik Taraması](https://discuvr.org/security-scan/?hl=tr)
---
Part of Discuvr (https://discuvr.org/): Discuvr is a collection of free, focused tools for day-to-day professional work - office and data utilities, legal and compliance helpers, privacy and security checks, and developer formatters. Every tool has its own page, and most can also be called from ChatGPT or Claude over MCP.