html - 使用表格创建日历

标签 html css twitter-bootstrap

那么表格有什么用呢?它们对 SEO 有害还是只是一个神话?我正在为一家公司创建一个日历来宣传他们的筹款事件。因此,日历的内容需要对 SEO 友好。

使用表格有什么问题吗? Google 日历使用表格,但是,那些日历是私有(private)的,SEO 不会进入它。

此日历位于网站的首页。这是一件大事。 table 还好吗?或者我应该尝试用 html 创建一个吗?

我正在 Bootstrap ...是否有适合它的现有插件?

最佳答案

表格绝对没问题...只要它们用于表格数据,而不是用于影响布局!

它们非常适合 SEO,特别是如果您注意使用可用的所有语义优势标记它们:

<table summary="Interest Rates">
  <caption>Interest Rates</caption>
  <thead>
    <tr>
      <th>Account Type</th>
      <th>Interest Rate</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Recommended for you: 'Young Saver'</td>
      <td>Interest from: 1.6%</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Smart</td>
      <td>From 2%</td>
    </tr>
    <tr>
      <td>Young Saver</td>
      <td>From 1.6%</td>
    </tr>
  </tbody>
</table>

引用:http://reference.sitepoint.com/html/tfoot

请注意,我们提供了一个标题来总结表格,我们用表头、表体和表脚划分了各个区域,我们还用 th 标记了表头单元格,而不是 td 用于普通数据单元格。

关于html - 使用表格创建日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22453446/

相关文章:

html - 如何在不更改样式的情况下更改输入边框颜色?

html - 修复了 HTML 表格中带有 CSS 的行标题

html - Div 在悬停 css 上调整大小?

html - 如何使用图像 Sprite 悬停跨度元素

html - CSS/Bootstrap 将文本包裹在圆形图像的一侧

javascript - Django 中的 Bootstrap 异常慢(40 秒以上): Why?

html - CSS Sprite - 图像不显示

javascript - 不透明度使相邻元素不可点击?

javascript - Laravel,我网站上的所有点击事件都已停止工作

html - 如何使 flex 行响应 Bootstrap 4