HTML Girisi

Pug Cikisi

HTML'den Pug'a Donusturucu Nedir?

HTML'den Pug'a donusturucu, standart HTML isaretlemesini Pug sablon soz dizimine donusturur. Pug, ayrintili HTML'i temiz, bosluk tabanli bir soz dizimiyle degistirir.

Ornegin, <div class="hero"><p>Merhaba</p></div>, div.hero p Merhaba olur. Pug, Express.js ile yaygin olarak kullanilir.

HTML'i Pug'a Nasil Donusturulur

HTML'i Pug soz dizimine donusturmek icin su uc adimi izleyin.

HTML'i yapistur veya yukle

HTML'inizi sol panele yapistirin veya Yukle'ye tiklayin.

Pug ciktisini goruntule

Sag panel, .sinif, #id ve dogru girintilemeyle Pug sablonunu gosterir.

Kopyala veya indir

.pug dosyasi olarak kaydetmek icin Kopyala veya Indir'e tiklayin.

Bu Donusturucuyu Ne Zaman Kullanmali

Express.js projelerini tasima

Express'te Pug view motoru icin mevcut HTML sablonlarini donusturun.

Ayrintili HTML'i temizleme

Pug soz dizimi tum kapanma etiketlerini kaldirir ve dosyayi %30-50 kuculttur.

Pug soz dizimini ogrenme

Bildiginiz HTML'i donusturun ve hemen Pug karsiligini gorun.

Prototip sablon olusturma

Tasarim araclarinin HTML ciktisini Node.js icin Pug sablonlarina donusturun.

Sik Sorulan Sorular

Pug soz dizimi nedir?

Pug kapanma etiketleri yerine girintileme kullanir. Siniflar: div.sinifim. ID'ler: div#benim-id. Ozellikler parantez icinde: a(href="/").

Ic ice ogeler isleniyor mu?

Evet. Donusturucu DOM'u gezer ve her ogeyi dogru girinti seviyesinde ciktilar.

Ozellikler nasil isleniliyor?

Sinif ve id disindaki tum ozellikler parantez icine gider: input(type="text").

Metin icerigi korunuyor mu?

Evet. Metin dugumleri, alt oge olmadigi zaman ana etiketle ayni satirda satir ici icerik olarak ciktilanir.

HTML'im depolanmakta midir?

Hayir. Her sey tarayicinizda gerceklesir.

Ilgili araclar

HTML ile calisma icin daha fazla arac: