Merhaba bir şey rica ettim çünkü bir süre oldu, bu bir süre için beni rahatsız eden, başlık kendisi soru olmuştur şeydir:

Dikey başlıkları olan HTML tabloları yazmayı tercih edilen tarzın nedir?

Dikey Başlığı tablo Başlığı (<th>) sol tarafındaki etiket (genellikle)

Başlık 1veri veri veri
Başlık 2veri veri veri
Başlık 3veri veri veri

Bu iki seçenek buldum çok uzak görünüyorlar

İlk Seçenek

   
    <table id="vertical-1">
            <caption>First Way</caption>
            <tr>
                <th>Header 1</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
            <tr>
                <th>Header 2</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
            <tr>
                <th>Header 2</th>
                <td>data</td><td>data</td><td>data</td>
            </tr>
        </table>
   

En büyük yararı, bu şekilde olan var başlıklarını doğru (aslında solda) yanında veri temsil eder, neyi sevmem ancak o <thead>, <tbody> <tfoot> etiketleri eksik ve yok etmek vardır onlar olmadan kırılma nicelly yerleştirilen bir araya elemanları, hangi yol benim için ikinci seçenek.

İkinci Seçenek

   
        <style type="text/css">
            #vertical-2 thead,#vertical-2 tbody{
                display:inline-block;
            }

        </style>
        <table id="vertical-2">
            <caption>Second Way</caption>
            <thead>
                <tr>
                    <th colspan="3">Header 1</th>
                </tr>
                <tr>
                    <th colspan="3">Header 2</th>
                </tr>
                <tr>
                    <th colspan="3">Header 3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>row 1</td>
                    <td>row 1</td>
                    <td>row 1</td>
                </tr>
                <tr>
                    <td>data</td>
                    <td>data</td>
                    <td>data</td>
                </tr>
                <tr>
                    <td>data</td>
                    <td>data</td>
                    <td>data</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="4">Footer</td>
                </tr>
            </tfoot>
        </table>
   

Ana avantajı işte bu tamamen açıklayıcı html tablo, sakıncaları uygun bir temsiliyete ihtiyacı biraz CSS için tbody thead etiketleri ve bu ilişkisini başlıkları ve veri olmadığını gayet net olarak benim şüphelerim vardı oluştururken biçimlendirme.

Yani bu iki taraf için de nasıl tablo, bir pitcure burada işlemek:

Eğer tercih ederseniz, sol veya sağ tarafında başlıkları ile, herhangi bir öneriniz, alternatif, tarayıcı sorunları?

Birinci, ikinci seçenek oldukça geçerli bir HTML tablodaki tüm satırları (TR) sütun sayısı eşit (TD) içermelidir anlamda değil. Başlık cesedi 3 varken 1. Küçük özniteliği düzeltmek için kullanmalısınız.

Referans:"Konu başlığı, SPAN, ve TBODY bölümleri aynı sayıda sütun içermelidir." - Last paragraph of section 11.2.3.

Olduğu söyleniyorokunabilir ya da CSS var ne olursa olsun , çünkü benim görüşüme göre daha iyi bir yaklaşımdır ilk seçeneği etkin. Bazı tarayıcılar (ya da arama motoru tarayıcılarının) CSS yapma ve gibi, sizin veri başlığında satır yerine sütun temsil edecek hiçbir mantıklı olur.