html:漂亮的原生表格_HTML阅读列表：表格

html:漂亮的原生表格

While tables are used a lot less frequently in web design than during the bad old days when they were used for layout, tables are still an important component of web development.

尽管在Web设计中使用表的频率要比在过去用于布局的糟糕时期少得多，但表仍然是Web开发的重要组成部分。

Goal: Create an accessible table with strong semantic markup.

目标：创建具有强语义标记的可访问表。

Prerequisite: Basic HTML

先决条件： 基本HTML

Total Time (Core Material): 30 minutes

总时间 (核心材料)：30分钟

核心材料 (Core Material)

补充材料 (Supplementary Material)

Watch the

Treehouse material on tables

and (optionally) take the Quiz and Code Challenge at the end of the section (total time: 20 minutes). Disregard the video’s content about align, cell padding, cell spacing and vertical align in the second video: those presentational qualities should be CSS, not attributes.

看着 桌子上的树屋材料，以及(可选)在本节末尾进行测验和代码挑战(总时间：20分钟)。 忽略第二个视频中有关对齐，单元格填充，单元格间距和垂直对齐的视频内容：这些演示质量应该是CSS，而不是属性。

推荐读物 (Recommended Reading)

Read the Web Platform Docs page on tables; read Chapter 6 of HTML & CSS by Jon Duckett; ignore the last two pages (correctly marked as “Old Code”). Read Chapter 8, Learning Web Design by Jennifer Niederst Robbins.

阅读表上的“ Web平台文档”页面 ； 阅读Jon Duckett撰写的HTML和CSS的第6章； 忽略最后两页(正确标记为“旧代码”)。 阅读Jennifer Niederst Robbins撰写的第8章， 学习Web设计 。

当你做完 (When You’re Done)

While more fully-featured web development tools are typically used to create the structure and data of an HTML table, especially when they contain a great deal of information, it’s still important to understand how to create a table for yourself. You should have the ability to build a table up to three rows wide and three columns high by hand, and know how to add accessibility features to it.

尽管通常使用功能更全的Web开发工具来创建HTML表的结构和数据，尤其是当它们包含大量信息时，了解如何为自己创建表仍然很重要。 您应该可以手动构建一个最多三行宽，三列高的表，并且知道如何向其添加可访问性功能。

翻译自: https://thenewcode.com/749/HTML-Reading-List-Tables

html:漂亮的原生表格