製作網頁使用html標籤還有套用css的抉擇

舉例來說 做個寬100% 高30 無框線的表格

用html標籤製作
＜table width="100%" height="30" border="0"＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞

用CSS製作
在.css檔內或是＜head＞＜/head＞間的＜style＞＜/style＞添加
.ex1{
width: 100%;
height: 30px;
border-width: 0;
}
＜table class="ex1"＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞

一般電腦 包含智慧型手機瀏覽器 上述哪種作法瀏覽器接受度比較大呢
讀取速度 還有就SEO的角度來說 哪種比較勝出
現在製作網頁的話 比較推薦哪種作法呢？

呀 這問題困擾很久了 雖然比較舊式的網頁都是使用前者居多 比較新式的網頁都是使用後者居多
但發現了一個問題 有些SEO排名很好的卻是用前者
以及class用法比較常見在＜div＞＜/div＞使用而不是在＜table＞＜/table＞使用
這問題果然是因為上述的新式舊式的問題嗎 (比較新式的網站使用＜div＞＜/div＞ 比較舊式的網站使用＜table＞＜/table＞)
還是說＜table＞在使用class用法會產生什麼問題嗎...