HTML, Markdown ve BBCode Dönüşümleri: İçerik Biçimlendirme Rehberi
HTML, Markdown ve BBCode işaretleme dilleri arasındaki farkları, kullanım senaryolarını ve bu formatlar arası dönüşüm tekniklerini öğrenin.
Web dünyasında metinlerin biçimlendirilmesi, yayınlanması ve saklanması için farklı işaretleme (markup) dilleri kullanılır. HTML webin temel yapı taşıyken, Markdown yazarlar için sade bir biçimlendirme sunar, BBCode ise geleneksel forum yazılımlarında güvenli metin girdisi sağlamak için tercih edilir.
Bu rehberde HTML, Markdown ve BBCode formatlarını, aralarındaki farkları ve birbirlerine nasıl dönüştürülebileceklerini inceleyeceğiz.
İşaretleme Dillerinin Karşılaştırması
1. HTML (HyperText Markup Language)
Web tarayıcılarının yerel olarak anladığı zengin içerik dilidir.
- Sözdizimi:
<p>Bu bir <strong>kalın</strong> metindir.</p> - Avantajı: Tam esneklik, CSS/JS entegrasyonu, tüm stil ve düzen kontrolü.
- Dezavantajı: Karışık sözdizimi, güvenlik riskleri (XSS açıkları) ve okuma zorluğu.
2. Markdown
Yazarların ve geliştiricilerin en çok tercih ettiği, sade metin biçimlendirme sözdizimidir. GitHub, Reddit, Notion ve modern blog sistemlerinin vazgeçilmezidir.
- Sözdizimi:
Bu bir **kalın** metindir. - Avantajı: Yüksek okunabilirlik, hızlı yazım, kolay sürümlendirme (Git dostu).
- Dezavantajı: Karmaşık web düzenleri veya özel CSS stilleri için sınırlı yetenek.
3. BBCode (Bulletin Board Code)
Özellikle vBulletin, phpBB gibi forum platformlarında kullanıcıların HTML çalıştırmadan güvenle metin stillediği etikete dayalı format.
- Sözdizimi:
Bu bir [b]kalın[/b] metindir. - Avantajı: Güvenlidir, sunucu tarafında kolayca HTML'e ayrıştırılır.
- Dezavantajı: Modern içerik yönetim sistemlerinde kullanımı azalmıştır.
Sözdizimi Eşleşme Tablosu
| Biçimlendirme | HTML | Markdown | BBCode |
| :--- | :--- | :--- | :--- |
| Kalın Metin | <b>Metin</b> | **Metin** | [b]Metin[/b] |
| İtalik Metin | <i>Metin</i> | *Metin* | [i]Metin[/i] |
| Bağlantı (Link) | <a href="url">Link</a> | [Link](url) | [url=url]Link[/url] |
| Görsel | <img src="url" /> |  | [img]url[/img] |
| Kod Bloğu | <pre><code>kod</code></pre> | ```kod``` | [code]kod[/code] |
Biçimlendirme Dillerini Birbirine Dönüştürme
Eski forum gönderilerini modern CMS sistemlerine taşırken veya HTML sayfaları Markdown dokümanlarına çevirirken manuel dönüştürme yapmak çok zor olabilir.
Formatlar arası anında dönüştürme yapmak için şu web araçlarımızdan faydalanabilirsiniz:
- HTML kodlarınızı temiz Markdown metinlerine çevirmek için HTML to Markdown
- Markdown notlarınızı tarayıcıda yayına hazır HTML'e dönüştürmek için Markdown to HTML
- Forumlardaki BBCode metinlerinizi HTML standartlarına aktarmak için BBCode to HTML
Bu araçlar sayesinde içeriklerinizi saniyeler içinde farklı yayıncılık standartlarına uygun hale getirebilirsiniz.