HTML Belgesi (.html)

WHATWG Standart

HTML, web sayfalarını başlıklar, bağlantılar, formlar, görseller ve diğer içeriklerle yapılandırmak için kullanılan işaretleme dilidir. Tarayıcılar bu yapıyı görüntüler; CSS ve betikler görünümü ve davranışı denetler.

JSON biçimini HTML biçimine dönüştür

Tarayıcında JSON biçimini HTML biçimine ücretsiz dönüştür. Dosyaları cihazında anında dönüştür.

İncele ve Meta Veriler

İşletim sistemleri ve dosya çözümleyicileri, HTML dosyalarını başlangıçtaki ikili sihirli bayt dizisini inceleyerek tanımlar:

Dosyaları buraya seç veya bırak

Özel - dosyalar cihazınızdan asla ayrılmaz

veya yapıştır Ctrl+V
Sıfır Ağ Aktarımı Gizlilik Garantisi: Harici sunuculara 0 bayt yüklendi. Tüm işlemler tarayıcındaki korumalı alanda (sandbox) yerel olarak gerçekleştirildi.

Bayt düzeyinde başlık imzası (sihirli baytlar)

İşletim sistemleri ve dosya çözümleyicileri, HTML dosyalarını başlangıçtaki ikili sihirli bayt dizisini inceleyerek tanımlar:

HEX İMZASI (OFSET 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

ASCII GÖSTERİMİ: <!DOCTYPE html

Standartlaştırma: WHATWG HTML Living Standard / W3C Recommendation

Teknik Özellikler

Kapsayıcı mimarisiHiyerarşik Document Object Model (DOM) ağaç öğeleri halinde yapılandırılmış Unicode metin akışı
SıkıştırmaSıkıştırılmamış metin akışı (genellikle HTTP üzerinden Brotli veya Gzip ile sıkıştırılır)
Bayt Düzeni (Endianness)UTF-8 / Unicode metin akışı (BOM isteğe bağlıdır)
Renk UzaylarısRGB, Display P3, Rec.2020 via CSS Color 4
Kanallar ve YapıKöprü metni işaretlemesi, CSS biçimlendirmesi, JavaScript etkileşimi, gömülü SVG, Canvas, ses ve video
Maksimum BoyutlarSınırsız belge tuval alanı (sonsuz kaydırma)
ŞeffaflıkTam CSS opaklığı, alfa renk kanalları (rgba/color()) ve karıştırma kipleri
Akış ve Aşamalı İşlemeArtımlı akış ayrıştırması: tarayıcılar dosyanın tümü indirilmeden öğeleri görüntüler

Teknik karşılaştırma matrisi: HTML ve rakipleri

Teknik NitelikHTML (Güncel)MDXMLPDF
Etkileşim ve MantıkTam JavaScript ve DOM komut dosyasıYalnızca statik bildirimsel metinVeri depolama (yerleşik mantık yok)Sınırlı form komut dosyaları (AcroJS)
Biçimlendirme EsnekliğiSınırsız CSS3/CSS4 görsel kontrolüTemaya bağımlı varsayılan stilXSLT biçimlendirme stilleri gerektirirKatı piksel sabitli düzen
HTML sayfalarının işlenmesiTarayıcı veya okuma sistemi EPUB görüntüleyici sağladığında desteklenirMarkdown oluşturma motoru gerektirirXML görüntüleyici veya stil gerektirirGömülü PDF eklentisi gerektirir
Bağlantı VermeYerleşik web bağlantıları (href)Markdown sözdizimi [metin](url)XML XLink sözdizimiGömülü PDF bağlantı ek açıklamaları

Yaygın Bozulma Modları ve Hex Kurtarma Kılavuzu

Sayfa ham HTML etiketlerini metin olarak veya bozuk yabancı karakterler olarak görüntüler (örn. 'é').

Kök Neden: Eksik UTF-8 karakter kümesi bildirimi ('<meta charset="utf-8">') veya uyumsuz kodlama üstbilgileri.

Kurtarma: '<meta charset="utf-8">' etiketini ekle veya File2File.app Text Converter ile dosyayı UTF-8 olarak yeniden kodla.

Güvenlik Analizi ve Ayrıştırıcı Saldırı Vektörleri

HTML oluşturma motorları, temizlenmemiş girdilerin Siteler Arası Komut Dosyası Çalıştırma saldırılarına (XSS) neden olduğu betikleri yürütür ve karmaşık biçimlendirmeyi ayrıştırır.

Bilinen Saldırı Vektörleri

  • Kullanıcı oturum çerezlerini ve kimlik doğrulama belirteçlerini (token) çalan Depolanmış veya Yansıtılmış Siteler Arası Komut Dosyası Çalıştırma (XSS).
  • Sahte giriş arayüzleri aracılığıyla kullanıcıları kandıran HTML Enjeksiyonu.
  • document.location veya eval() değerini manipüle eden DOM tabanlı güvenlik açıkları.

Savunmaya yönelik en iyi uygulamalar: DOM'a eklemeden önce güvenilmeyen kullanıcı girdilerini her zaman DOMPurify gibi güvenilir kitaplıklarla temizle.

Tarihsel kökenler ve önemli dönüm noktaları

2019W3C ve WHATWG, WHATWG HTML Living Standard'ı tek doğruluk kaynağı olarak belirleyen dönüm noktası niteliğinde bir anlaşma imzalıyor.
2014W3C; yerel video, ses, tuval (canvas) ve duyarlı (responsive) semantiği tanıtan HTML5 Önerisi'ni sonlandırır.
1993Tim Berners-Lee, CERN'de ilk resmi HTML İnternet Taslağı'nı yayınlar.

Temel Avantajlar ve Artılar

  • Tarayıcılar HTML'yi doğrudan ayrıştırır; bu nedenle sayfa ayrı bir belge okuyucu olmadan açılabilir. Düzenleyiciler ve yayın sistemleri de web içeriğini yapılandırmak için HTML kullanır.
  • Görsel tasarım için CSS ve dinamik etkileşim için JavaScript ile kusursuz entegrasyon.
  • Akış düzeni motoru (streaming layout engine): Tarayıcılar ağ üzerinden baytlar geldikçe HTML'yi artımlı olarak ayrıştırabilir, düzenleyebilir ve oluşturabilir.

Teknik Kısıtlamalar ve Eksiler

  • Bağımsız .html dosyaları, paketleme olmadan (örn. MHTML/Base64) bağlantılı harici görselleri, yazı tiplerini veya stil dosyalarını kapsüllemez.
  • Sayfaların görüntülenmesi farklı tarayıcı motorlarında (Blink, WebKit, Gecko) biraz değişebilir.
  • Yüksek güvenlik yüzeyi: Temizlenmemiş kullanıcı girdileri Siteler Arası Komut Dosyası Çalıştırma (XSS) açıkları oluşturabilir.

İlginç Teknik Bilgiler

  • Tim Berners-Lee, nükleer fizikçilerin araştırma makalelerini bilgisayarlar arasında kolayca paylaşmasına yardımcı olmak için 1989 yılında CERN'de HTML'yi icat etti.
  • HTML Living Standard'ın sürüm numaraları yoktur, yani HTML6 diye bir sürüm yoktur. Standart sürekli olarak sürdürülür ve güncellenir.
  • Dünyadaki herhangi bir web sayfasına sağ tıklayarak kaynak HTML kodunu görmek için 'Sayfa Kaynağını Görüntüle' seçeneğini seçebilirsin.

Sıkça Sorulan Teknik Sorular

HTML ne için kullanılır?

HTML, internet üzerindeki içeriği yapılandırmak, metin, başlıklar, görseller, bağlantılar, formlar ve gömülü multimedya içeren web sayfaları oluşturmak için kullanılır.

HTML'i PDF veya Markdown formatına dönüştürebilir miyim?

Evet. File2File.app, tarayıcında herhangi bir HTML dosyasını doğrudan temiz, yazdırılabilir bir PDF belgesine veya küçük boyutlu bir Markdown metin dosyasına dönüştürebilir.

HTML ve HTML5 arasındaki fark nedir?

HTML5, video ve ses oynatma, interaktif canvas grafikleri, mobil uyumluluk ve <header>, <article>, <footer> gibi temiz anlamsal (semantic) öğeler için yerel destek ekleyen HTML'in modern evrimidir.