トーナメント表のような図式をHTMLでページ制作する際、今現在でどのような書き方がベストか教えてください

こんにちは。参考になりそうなサイトを二つご紹介します。よろしければご覧下さい。

スポーツナビ | 野球 | 第79回選抜高校野球大会　トーナメント表

上記では、画像を使っていますね。画像であれば、以下のような方法で作成して、掲載できますので、制作者さんの負担は減らせるかと思います。

トーナメント表の作り方

http://cyberam.dip.jp/linux_foundation/directory/fhs_main.html

一方、上記はdivとcssを使われている例で、トーナメント表ではないのですが、参考にはなると思います。こちらは、作り手の方は設定など、負担が高いと思うのですが、閲覧する立場からしますと、分かりやすく感じられました。

以上2点、参考になれば幸いです。

期待されている答えとずれているかもしれませんが、こんなツールがありました。

トーナメントエディター

http://www.vector.co.jp/soft/dl/win95/net/se247388.html

HTMLによる横型のトーナメント表を自動生成してくれます。

出力されたトーナメント表のHTMLですが、TABLEタグで力技で作ってる感じです。

自動生成ならではといった感じでベストな書き方といわれると疑問ですが、参考までに。