Markdown ile Tablo Nasıl Oluşturulur? GFM sözdizimi ve hizalama rehberi
Markdown tablosu üç satırdan ibarettir: başlık, ayraç ve veri. Ama o ayraç satırındaki küçük bir eksik tire veya yanlış konmuş iki nokta, tüm tabloyu ham metin olarak bırakabilir. Bu rehberde GFM tablosunu sıfırdan doğru kurmayı, sol/orta/sağ hizalamayı ve en sık yapılan hataları gerçek örneklerle öğreniyorsunuz.
Markdown tablosu nedir?
Bu üç parça — başlık, ayraç, veri — bir arada tabloyu oluşturur. Ayraç satırı en kritik parçadır: o satır olmadan işlemci diğer satırları tablo değil, düz metin olarak render eder. Yazdığınız tabloyu anında görmek isterseniz Markdown Önizleme aracına yapıştırıp sağ panelde canlı sonucu kontrol edebilirsiniz.
Temel bir markdown tablosu nasıl kurulur?
| ile ayırarak bir satıra yazın. Altına, sütun sayısı kadar en az üçer tireden oluşan bir ayraç satırı (| --- | --- |) ekleyin. Sonra veri satırlarını aynı | formatında alt alta sıralayın. Satır başı ve sonundaki dikey çizgiler isteğe bağlıdır ama okunabilirlik için önerilir.
| Ürün | Fiyat | Stok | | ------- | ------ | ---- | | Kalem | 12 TL | 40 | | Defter | 35 TL | 18 | | Silgi | 8 TL | 0 |
Yukarıdaki üç satırlık kaynak, aşağıdaki gibi gerçek bir HTML tablosuna dönüşür:
| Ürün | Fiyat | Stok |
|---|---|---|
| Kalem | 12 TL | 40 |
| Defter | 35 TL | 18 |
| Silgi | 8 TL | 0 |
Dikkat edilmesi gereken tek kural: ayraç satırındaki tire sayısı sütun sayısıyla eşleşmeli ve her sütun için en az bir tire olmalıdır. Hücrelerdeki boşluklar (hizalama için eklediğiniz fazladan boşluklar dahil) render sırasında önemsizdir — işlemci onları otomatik olarak siler.
| işaretlerini alt alta hizalamak yalnızca okunabilirlik içindir; işlemci boşlukları görmezden gelir. Yani |Kalem|12 TL|40| ile boşluklu hali aynı sonucu üretir — ama takım halinde çalışıyorsanız hizalı yazmak diff'leri okumayı kolaylaştırır.
Bu tabloyu şimdi deneyin
Yukarıdaki örneği kopyalayıp editöre yapıştırın, kendi verilerinizle değiştirin ve sonucu anında görün.
Markdown Önizleyiciyi Aç →Sol, orta ve sağ hizalama nasıl yapılır?
:--- sola, :---: ortaya, ---: sağa hizalar. İki nokta eklenmezse varsayılan olarak sol hizalama uygulanır — bu yüzden çoğu tabloda hizalama işareti hiç görünmez.
| Sol | Orta | Sağ | | :------- | :------: | -------: | | elma | armut | çilek | | 1 | 22 | 333 |
| Sol | Orta | Sağ |
|---|---|---|
| elma | armut | çilek |
| 1 | 22 | 333 |
Hizalama, özellikle sayısal sütunlarda (fiyat, miktar, tarih) okunabilirliği artırır — sağa hizalanmış rakamlar göz için karşılaştırması çok daha kolaydır. Metinsel sütunlarda ise genelde sol hizalama (varsayılan) yeterlidir ve fazladan işaret eklemeye gerek kalmaz.
Sütun genişliği kontrol edilebilir mi?
Hayır — GFM tablo sözdiziminde sütun genişliğini piksel veya yüzde olarak belirlemenin bir yolu yoktur; tire sayısını uzatmak (ör. --------) sadece kaynağı okunaklı yapar, render edilen genişliği değiştirmez. Genişlik tamamen o platformun CSS'ine bağlıdır. Kesin bir genişlik gerekiyorsa ham HTML <table> etiketi kullanmanız gerekir; markdown tabloları ham HTML'e izin verdiği için bu genellikle mümkündür.
Sık yapılan hatalar
Aşağıdaki tablo, yeni başlayanların markdown tablosunda en sık düştüğü hataları ve doğru kullanımı özetler.
| Hata | Sonuç | Doğrusu |
|---|---|---|
| Ayraç satırı unutulur | Tablo render edilmez, düz metin kalır | | --- | --- | satırını mutlaka ekleyin |
Ayraçta tek tire (-) | Bazı işlemciler kabul etmez | En az üç tire kullanın: --- |
Hücrede kaçışsız | | İstenmeyen sütun açılır | Kaçış yapın: \| |
| Hücre içinde gerçek satır sonu | Tablo yapısı bozulur | <br> HTML etiketi kullanın |
| Başlık ile veri sütun sayısı uyuşmaz | Eksik hücreler boş kalır, fazlalar kırpılır | Her satırda aynı sayıda | bulundurun |
Kaynak: GitHub Flavored Markdown (GFM) Spesifikasyonu, Tablo (Extension) bölümü.
<table> yazmak gerekir. Bu sınırlama bilinçlidir: markdown'ın felsefesi "düz metin bile okunaklı kalsın" ilkesine dayanır, bu yüzden çok karmaşık tablo ihtiyaçlarında markdown yanlış araçtır.
Kopyala-yapıştır hazır şablon
Aşağıdaki iskeleti kopyalayıp sütun adlarını ve verileri kendinize göre değiştirebilirsiniz — dört sütunlu, sol hizalı, minimum yapı içerir.
| Başlık 1 | Başlık 2 | Başlık 3 | Başlık 4 | | -------- | -------- | -------- | -------- | | | | | | | | | | |
Markdown tablosunun temelini öğrendiyseniz, sıradaki adım genel sözdizimini pekiştirmektir — başlık, liste, kod ve bağlantı gibi diğer temel öğeleri "Markdown Nedir, Nasıl Yazılır?" rehberinde bulabilirsiniz. Tabloyu bir GitHub README'sinde kullanacaksanız "GitHub README İçin Markdown İpuçları" yazımız rozet ve katlanabilir bölümlerle nasıl bir araya getirileceğini gösteriyor.