帶HTML5元素的表格式頁面？

我可以使用HTML5元素來勾勒使用表格進行格式化的「頁面」上的代碼嗎？例如：帶HTML5元素的表格式頁面？

<section id="posts"> 
    <tr id="posts-title-row"> 
    <header><td id="posts-title"> 
     <h2>Latest Posts</h2> 
    </td></header> 
    </tr> 
    <tr id="posts-row"> 
    <article><td> 
     <p>Maecenas faucibus mollis interdum.</p> 
    </td></article> 
    <article><td> 
     <p>Maecenas faucibus mollis interdum.</p> 
    </td></article> 
    <article><td> 
     <p>Maecenas faucibus mollis interdum.</p> 
    </td></article> 
    </tr> 
</section>

在一般情況下，我明白，這是形式極其惡劣，但直到電子郵件客戶端（ESP的Gmail）的電子郵件的支持CSS3格式，很少有其他的選擇，除了使用表格式HTML電子郵件（例如通訊）。但是爲了我自己的語義安寧，我想使用<節>，<文章>和<頭文件>類型元素來組織事物。

來源

2013-04-11 Steve Crockett

如果這是你關心你可以只使用ARIA roles對現有元素<section>和<article>定義的語義：

<table id="posts" aria-role="region"> 
    <tr id="posts-title-row"> 
     <td id="posts-title" aria-role="banner"> 
      <h2>Latest Posts</h2> 
     </td> 
    </tr> 
    <tr id="posts-row"> 
     <td aria-role="article"> 
      <p> 
       Maecenas faucibus mollis interdum. 
      </p> 
     </td> 
     <td aria-role="article"> 
      <p> 
       Maecenas faucibus mollis interdum. 
      </p> 
     </td> 
     <td aria-role="article"> 
      <p> 
       Maecenas faucibus mollis interdum. 
      </p> 
     </td> 
    </tr> 
</table>

來源

2013-04-11 16:24:30 robertc

這是最好的方法。電子郵件與常用標籤如跨度，div和p不一致。試圖強制語義標籤正常工作時，您會遇到麻煩。 – John 2013-04-11 18:00:28

你可以，但你有錯誤的地方的元素。他們需要在<td>之內。您還需要包裝整個表的<table>

<section id="posts"> 
    <table> 
     <tr id="posts-title-row"> 
      <td id="posts-title"> 
      <header> 
       <h2>Latest Posts</h2> 
      </header></td> 
     </tr> 
     <tr id="posts-row"> 
      <td> 
      <article> 
       <p> 
        Maecenas faucibus mollis interdum. 
       </p> 
      </article></td> 
      <td> 
      <article> 
       <p> 
        Maecenas faucibus mollis interdum. 
       </p> 
      </article></td> 
      <td> 
      <article> 
       <p> 
        Maecenas faucibus mollis interdum. 
       </p> 
      </article></td> 
     </tr> 
    </table> 
</section>

來源

2013-04-11 16:13:34 ryanbrill

呀，表越大，我有< table >標籤，但我只複製並粘貼了它的一大塊。 – 2013-04-11 16:34:30

好了，你可以使用HTML5標籤以表格格式，只要你的電子郵件服務接受它。不過，您可以嘗試使用CSS（請注意，我沒有說過CSS3）爲您的頁面提供樣式。並永遠記得內聯風格！

在2013年使用表格格式就像在馬車上工作，但在談論電子郵件服務時，它仍然是鎮警長。

祝你好運！

來源

2013-04-11 16:17:27 ramadis

帶HTML5元素的表格式頁面？

回答

相關問題