HTML Çöp Temizleyici (HTML Junk Cleaner)

HTML Çöp Temizleyici

Microsoft Word'den, haber portallarından veya modern framework'lerden (Next.js, Nuxt.js, React) gelen karmaşık HTML'i yapıştırın. Akıllı çok katmanlı temizleyicimiz Office XML'ini, mso-* stillerini, hidrasyon işaretleyicilerini, izleyici özniteliklerini ve CSS şişkinliğini kaldırır —geriye yalnızca temiz, anlamsal HTML bırakır.

Neleri temizler

mso-*, MsoNormal, Office ad alanları, XML adaları ve koşullu yorumlar gibi eski ve yeni Microsoft Word dışa aktarma kalıntıları.

html, head, meta, link, style, xml, title, body ve benzeri tam belge çöpleri.

Anlamsız span'lar, boş paragraflar ve o:p kalıntıları gibi boş kapsayıcılar.

javascript: ve diğer şüpheli saçmalıklar gibi güvensiz veya yararsız bağlantılar.

HTML Çöp Temizleyici: Microsoft Word ve Modern Framework'ler Neden Kodunuza İmparatorluklar Doldurur?

HTML Çöp Temizleyici, o kadar yaygın bir sorun için tasarlanmıştır ki neredeyse dijital bir geçiş töreni haline gelmiştir: Birisi Microsoft Word'den, haber portallarından (Delfi, BBC, Yahoo) veya web uygulamalarından içerik kopyalar, bunu bir web sitesine yapıştırır ve ortaya çıkan HTML, seyahat eden bir bakanlık sayılabilecek kadar törensel bagajla birlikte gelir.

Temiz bir paragraf, bir başlık ve belki bir tablo yerine; ad alanları, Office XML adacıkları, koşullu yorumlar, mso-* stil kalıntıları, hayalet span'lar, antika uyumluluk bayrakları ve basit metninizi 50 KB'lık bir varlık kabusuna dönüştüren framework hidrasyon etiketleri (data-n-head, data-hid, data-v-*) elde edersiniz.

Word'ün Ötesinde: Modern Framework'ler ve Portallar Kodunuzu Nasıl Kirletir?

Modern web geliştirme yepyeni bir işaretleme kirliliği nesli doğurdu. Modern portallardan veya JS framework'lerinden (Next.js, Nuxt.js, React, Vue, Svelte) içerik kopyaladığınızda farkında olmadan dijital atıkları da beraberinizde taşırsınız:

SSR Hidrasyon Üstverisi: Yalnızca framework durumunu yeniden sulandırmak (rehydration) için tasarlanmış data-n-head, data-hid, data-v-*, data-hydrated ve data-testid gibi öznitelikler.
Analitik ve İzleme Etiketleri: Kullanıcı davranışını izlemek için eklenen gizli meta öğeleri (og-profile-acct, cXenseParse, oath:guce, gemius, dimatter) ve izleme pikseli kancaları.
Kaynak Önceden Getirme ve Ön Yükleme Zincirleri: Üçüncü taraf reklam ağlarına (Taboola, DoubleClick, Ozone vb.) bağlanmaya çalışan <link rel="preload"> ve dns-prefetch etiketleri.
FontAwesome ve CSS Değişkeni Şişkinliği: Yüzlerce değişken (--fa-font-*), @keyframes animasyonları ve dosya boyutunu şişirip site stillerinizi bozan gizlenmiş sınıf kuralları (örn. .gb_*, .uds-color-mode-*) içeren canavarca stil blokları.

HTML Çöp Temizleyicimiz akıllı bir çok geçişli filtreleme motorundan yararlanır. Yalnızca klasik Office mso-* şişkinliğini tanımlamakla kalmaz, aynı zamanda framework yeniden hidrasyon kalıntılarını, gizlenmiş sınıfları temizler, eski etiketleri modernize eder ( ➔ ,  ➔ , <strike> ➔ <del> dönüştürür) ve yalnızca gerçekten ihtiyacınız olan gerçek anlamsal HTML'i korur.

Bu Office Ad Alanı Satırları Gerçekte Ne Anlama Geliyor?

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml">

xmlns:v, bir zamanlar şekiller için kullanılan eski bir Microsoft vektör formatı olan VML'yi (Vektör İşaretleme Dili) bildirir. xmlns:o meta veriler için Office ad alanıdır, xmlns:w Word belgesi dahili bileşenleri içindir ve xmlns:m Matematik İşaretleme Dili içindir. Word sizi dosyanın sıradan bir HTML olmadığı —Office dış iskeleti giymiş HTML olduğu— konusunda uyarmaktadır.

Stil Blokları: CSS'in Ölmeye Gittiği Yer

<style>
 @font-face { font-family:"Cambria Math"; ... }
 p.MsoNormal, li.MsoNormal { mso-style-qformat:yes; ... }
 h1 { mso-outline-level:1; ... }
</style>

Bu stil bloğu yazı tipi bildirimleri, Word sınıf kuralları, başlık geçersiz kılmaları ve özel mso-* özellikleri içeren klasik bir Office suçudur. Standart tarayıcılar çoğunu görmezden gelir, ancak dosyalarınızı şişirir ve CMS düzenleyicilerinin kafasını karıştırır.

Düzgün Bir Temizleyici Neleri Kaldırmalı vs. Nelere Saygı Duymalıdır?

Yetkin bir temizleyici Microsoft ad alanlarını, Office XML bloklarını, koşullu yorumları, VML yankılarını, sepet dosya bağlantılarını, mso-* CSS'ini, Word sınıflarını (MsoNormal gibi), SSR hidrasyon özniteliklerini, izleme etiketlerini ve gereksiyiz satır içi biçimlendirmeyi kaldırmalıdır.

Aynı zamanda gerçek içeriğe saygı duymalıdır: Paragraflar, başlıklar, listeler, tablolar, bağlantılar, vurgular ve anlamlı dil ayrımları. Amaç steril bir yıkım değil, disiplinli bir kurtarmadır: Daha az framework ayini, daha fazla web netliği.

Sıkça Sorulan Sorular (SSS)

Bu HTML Çöp Temizleyici tam olarak neleri temizler?

Araç Microsoft Word / Office dışa aktarma çöplerini (mso-* satır içi CSS, VML adacıkları, koşullu yorumlar, o:p etiketleri), modern framework SSR hidrasyon işaretleyicilerini (data-n-head, data-hid, data-v-*), analitik izleyicilerini, reklam ağı ön getirme bağlantılarını ve FontAwesome CSS değişkenlerini kaldırır.

Temizleyici temel belge kabuğu etiketlerini (DOCTYPE, head, body) koruyacak mı?

Evet! "Tam belge kabuğunu koru" seçeneği işaretlendiğinde temizleyici <!DOCTYPE html>, <html>, <head>, <meta charset="utf-8">, <title> ve <body> etiketlerini güvenle korur, böylece temizlenen HTML'i doğrudan web sunucunuza dağıtabilirsiniz.

Tablolarım, başlıklarım ve listelerim bozulmadan kalacak mı?

Evet! Temizleyici başlıklar (h1–h6), paragraflar (p), listeler (ul, ol, li), bağlantılar (a) ve tablolar (table, tr, td, th) dahil olmak üzere tüm anlamsal yapıyı korur; yalnızca gereksiz biçimlendirmeyi ve özel framework sınıflarını kaldırır.

Araç eski HTML etiketlerini modernize ediyor mu?

Evet! Eski etiketleri otomatik olarak modern anlamsal HTML5 standartlarına yükseltir: etiketini , etiketini , <strike> ve <s> etiketlerini <del> ve modası geçmiş <dir> / <menu> etiketlerini temiz <ul> listelerine dönüştürür.

Microsoft Word neden bu kadar çok işaretleme şişkinliği üretir?

Word belgenin görsel değişiklikler olmadan Word'de yeniden açılabilmesi için her yazı tipini, kenar boşluğunu ve düzenleme geçmişi ayarını korumaya çalışarak gidiş-dönüş düzenleme doğruluğu için tasarlanmış HTML dışa aktarır.

Kodun içindeki mso-* stilleri ve data-* öznitelikleri nelerdir?

mso-* öznitelikleri tescilli Microsoft Office CSS özellikleridir, data-n-head / data-v-* öznitelikleri ise JS framework'lerine (React/Vue/Nuxt) aittir. Standart tarayıcılar bunları yok sayar ancak dosya boyutunuzu şişirirler.

Dosya yükleme sınırları ve desteklenen formatlar nelerdir?

Araç 2 MB'a kadar .html, .htm ve .txt dosyalarını destekler. Kodu doğrudan düzenleyiciye yapıştırabilir veya dosyaları cihazınızdan sürükleyip bırakabilirsiniz.