Giriş Yap / Kayıt Ol

HTML Washer: Dağınık HTML Kodlarını Sadeleştiren Kullanışlı Araç

Tarih: 23 Kasım 2017   Kategori: Webmaster   Yazar: Being  |  1233 kez okundu

Bazen bir internet sitesinin HTML kaynağını düzenlerken veya projemize dahil etmek istediğimiz bir Layout’un kodlarını ayıklarken muhakkak bu işi daha sancısız halledebilmeyi dilemişizdir. Kullanmak istediğimiz HTML kodlarının arasına kaynayan fazlalık kodlar zaman törpüsü olduğu gibi teker teker her birini ayıklamanın pirincin taşını ayıkalamaktan bir farkı yok. Webmaster’ların bu derdini görüp kederlenen bir geliştiriciyi uyku tutmamış ve HTML kodlarındaki dağınıklığı giderebileceğimiz basit bir servis hazırlamış; HTML Washer.

Bir internet uygulaması olarak çalışan HTML Washer; HTML kodu içindeki fazlalık kod artıklarını CSS ve JavaScript kodlarını ayıklıyor. HTML kodlarını sınıflardan ve özellik kodlarından ayıklayan HTML Washer kodu bizler için en sade iskelet HTML haline getiriyor. Üstelik HTML yorum satırlarını bile ayıklıyor. Basit bir örnek vermek gerekirse siz yazılıma <p class="funny" onlick="alert('LOL')">bla bla</p> kodunu veriyorsunuz o fazlalıkları ayıklayıp size; <p>bla bla</p> çıktısını veriyor.

HTML Washer sayesinde herhangi bir HTML kodunun içindeki stilleri ayıklamak için harcamamız gereken zaman bu sayede minimize edilmiş oluyor. Kopyala yapıştır aracılığıyla çalıştırabildiğiniz yazılım, doğrudan bilgisayarınızdaki bir HTML dosyasını yükleme Upload etme şansı da sunuyor. Tabii HTML Washer’ın tek hokus pokusları bundan ibaret değil.

HTML Washer’ın Özellikleri

  • HTML4 veya XHTML biçimde verdiğiniz kodları HTML5’e dönüştürebiliyor.
  • Doğru şekilde kullanılmamış etiket hatalarını düzenliyor.
  • Olması gereken nizami ölçüde HTML yapısını tekrardan kuruyor.
  • Satır içi kodları (inline) ve CSS gibi fazlalıkların tümünü temizliyor.
  • ALT etiketine sahip olmayan görsellere ALT etiket verisi ekliyor.

HTML Washer’ın HTML5’e dönüştürme yeteneği yaptığım birkaç basit teste göre başarılı çalışıyor fakat siz yine de tamamen HTML4 ile biçimlendirilmiş bir sayfayı HTML5’e adapte etmek için HTML Washer’ı kullanmayı düşünmeyin. Sonuçta bu uygulamanın geliştirilme amacı bizi dağınık kodlardan kurtarmak ve kaynak koda en hızlı şekilde istediğimiz şekli vermemiz.

Yeni başlayanın ve HTML kodlarıyla haşır neşir olan Webmaster’ları HTML Washer büyük dertlerden kurtarabilir gibi duruyor. Bence uygulama bu kadar basit tutulmak yerine bası CSS class’larını koruma seçeneği sunabilirmiş. Kaynak kod dönüştürmelerinde bu kodları tekrardan yalın hale gelen koda uygulamamız gerekecek ki bu bir yandan iş yükümüzün artması anlamına geliyor.

HTML Washer’ı biz çok beğendik ve kullanışlı bir web uygulaması olduğunu düşündük. Siz ne düşünüyorsunuz?

11 Yorum
the avatar
the • 2 hafta önce
HTML sürümünü güncelliyor ama bizide eskiye götürüyor :)
MeMo avatar
MeMo • 2 hafta önce
sitedeki renk kodlarının hepsini siliyor ama.
Being avatar
BeingEDİTÖR • 2 hafta önce
Çünkü onlar da fazlalık olarak kabul ediliyor amaç o zaten :) Ham HTML'i elde etmek.
MeMo avatar
MeMo • 2 hafta önce
site görünüşü kötüleştikden sonra ne anlamı var :D
Being avatar
BeingEDİTÖR • 2 hafta önce
Hala anlamadınız. Bu aracın amacı zaten HTML kodlarını her türlü biçimlendirmeden ayıklayıp ham hale getirmek. Böylece yeniden biçimlendirerek farklı bir siteye aktarmanız daha kolay hale gelmiş oluyor.
fruzgar avatar
fruzgar • 2 hafta önce
inline css kullanımı tavsiye edilen bir kullanım değil zaten site hızını olumsuz etkiliyor bir de w3 de mi bir yere uygun değildi :)
MeMo avatar
MeMo • 2 hafta önce
https://validator.w3.org 'dan hatasız geçme kısmı güzel ama teşekkürler :)
trgy avatar
trgy • 2 hafta önce
inline HTML gerekliyse kullanılır tavsiye edilmeyen de bir kullanım tarzı değil.
EvilBozkurt avatar
EvilBozkurt • 2 hafta önce
webmasterlikten anladığın hazır tema alıp kurmaksa işine yaramaz zaten bu araç
bilimokur avatar
bilimokur • 2 hafta önce
Html formatter kullanıyordum daha önce. Bu daha iyi ama
teknoburgers avatar
teknoburgers • 2 hafta önce
İşte bu... Bende projemden sonra nasıl düzelteceğim diye bakıyordum fazlalıklara...
FacebookTwitterGoogle+YoutubeInstagramPinterest

E-Posta Aboneliği

Yeni yazılar için takipte kalın!

WM Aracı Maskotu Boa WM Aracı © 2010 - 2017
Bir Boğa Bilişim markası.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.