小薇学院任务二笔记3(表单)

数据表格可以使得页面数据具有更高的可访问性。

1.summary属性可以应用于表格标签,用来描述表格的内容。与图像的alt文本相似,summary应该总结表格中的数据,编写得出色的summary可以减少用户阅读表格内容的需要。
2.caption基本上用作表格的标题。尽管不是必须有的元素,但是尽可能使用caption总是好的。
3.利用thead、tbody和tfoot可以将表格划分为几个逻辑部分。如果选择使用thead或tfoot元素,那么至少使用一个tbody元素。在一个表格中只能使用一个thead和tfoot元素,但是可以使用多个tbody元素将复杂的表格划分为更为容易管理的几个部分。
4.col和colgroup,虽然可以利用tr元素能够对整行应用样式,但是很难对整列应用样式。为了解决这个问题,W3C引入了colgroup和col元素。colgroup能够使用col元素对一个或多个列定义和分组。不过,支持col和colgroup元素样式的浏览器并不多。
5.对于使用button标签,可以在button标签上使用form属性来为button来绑定关联的form。同时在使用过程中也需要关闭一些button的默认样式,如:

button{
    border: none;
    background: none;
    cursor: pointer;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,711评论 1 41
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,563评论 1 25
  • 前端07班 王 对于table的使用我们会有种先入为主的厌恶。觉得页面中不应该出现表格!其实这只是针对使用HTML...
    ea203453e188阅读 7,641评论 0 5
  •    首先,推荐两本关于css的书籍,一本是《css禅意花园》,一本是《精通css:高级web标准解决方案》,两本...
    子约nan阅读 5,225评论 0 0
  • 我爱着一片土地 它塑造着诗一般的山水 它养育着画一般的花鸟虫鱼 是的,那是一块诗画的土地 我傲游于其中 那感觉真是...
    拾穗的时光阅读 1,576评论 0 1

友情链接更多精彩内容