html - 图表的语义表示

标签 html css semantic-markup

我正在重新编码一个包含与此类似的图表的旧网站:

alt text http://dl.getdropbox.com/u/240752/rental-chart.gif

如何使用纯 HTML 表示此图表?我讨厌只将它作为图像包含在内。

我在想一个表格,只是用图像替换,或者用绝对定位的表格行覆盖,但我认为这可能有点脆弱。

欢迎提出任何建议。

最佳答案

图片有什么问题吗?

大多数时候,当您在 Web 上看到图表信息时,它是生成的 .jpg 或 .png。

所有这些设计师都搞错了吗?

任何使用表格和背景颜色绘制图表的尝试对于视力受损的人来说都是无法理解的,并且很可能无法在无法处理图像的浏览器上正确呈现。

使用图像并使用带有真实英文描述的“alt”文本“显示 ACME 产品的图表与竞争对手相比仅需 49 美元:Rental Company 4 为 51 美元......

关于html - 图表的语义表示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/316837/

相关文章:

javascript - 如何检测我是否已删除文本区域内的多行

css - 我的网格数学辅助 : nth-child(an+b)

html - 语义标记是否过于开放?

html - 有必要在h1之后用h2吗

html - 我可以使用 <nav> 标签进行分页吗?

javascript - 有没有办法使 HTML 页面上的文本无法选择?

javascript - 列中 Bootstrap3 工具提示的 z-index 是特定于浏览器的

html - 将 <div> 元素强制放到 2 行上

html - 响应式电子邮件部分 Outlook 问题

javascript - 如何在纯 JavaScript 中模拟鼠标悬停以激活 CSS ":hover"?