html5 支持表格吗,html5 – 在HTML 5中使用表格很好吗?

简单规则 – 使用表格表格数据,使用其他元素进行演示(使用CSS设计布局),如div,section,aside,nav等。这为他们所持有的内容提供了意义,而不是为所有内容使用表

事实是,开发人员在90年代使用了表格来绘制他们的布局,但现在,新的CSS3规范是惊人的,它让您如此坚持设计布局,如Flex Box,列数,框模型的行为可以通过使用盒子大小的属性,响应式设计越来越好使用@media查询,网格等。你不能用表格元素…实现,因此,表仅用于存储表格数据。

我看到很多开发人员有一个印象,表格应该被完全忽视,而是他们使用了很多div与100行CSS,应用display:table; table-cell table-row属性只是为了直接得到一个表。

所以即使在HTML5中,如果您使用表格表格数据,则完全可以。

Tables should not be used purely as a means to layout

document content as this may present problems when rendering to

non-visual media. Additionally,when used with graphics,these tables

may force users to scroll horizontally to view a table designed on a

system with a larger display. To minimize these problems,authors

should use 07001 to control layout rather than tables.

Tables should not be used as layout aids. Historically,many Web

authors have tables in HTML as a way to control their page layout

making it difficult to extract tabular data from such documents. In

particular,users of accessibility tools,like screen readers,are

likely to find it very difficult to navigate pages with tables used

for layout. If a table is to be used for layout it must be marked with

the attribute role="presentation" for a user agent to properly

represent the table to an assistive technology and to properly convey

the intent of the author to tools that wish to extract tabular data

from the document.

There are a variety of alternatives to using HTML tables for layout,primarily using CSS positioning and the CSS table model. 07003

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/392865.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css网格_我如何记住CSS网格属性

css网格The syntax for CSS Grid is foreign and hard to remember. But if you can’t remember CSS Grid’s syntax, you won’t be confident when you use CSS Grid.CSS Grid的语法是外来的,很难记住。 但是,如果您不记得CSS Grid的语法,…

2017年读书计划(一)

前言 这篇博文就暂时不记录技术了,记录下生活。对自己今年2017年做个读书计划安排。 最近在看一部网络剧 - 《花间提壶方大厨》,也许你们会感觉我很无聊,我也是被头条带坏了,每天上班一个小时的地下交通-地铁,就借助上…

.net10个必备工具

1.NUnit 编写单元测试的工具2.NDoc 自动生成代码文档的工具3.NAnt 编译解决方案的工具4.CodeSmith 自动生成代码的工具5.FxCop 检查你的代码是否按照规范编写的工具6.Snippet Compiler 编译少量代码的工具7.ASP.NET Version Switcher Visual Studio .NET Project Conve…

音标

音标 oror ds念子音,ts念s音

leetcode 530. 二叉搜索树的最小绝对差(中序遍历)

给你一棵所有节点为非负值的二叉搜索树,请你计算树中任意两节点的差的绝对值的最小值。示例:输入:1\3/2输出: 1解释: 最小绝对差为 1,其中 2 和 1 的差的绝对值为 1(或者 2 和 3)。代…

计算机排线知识,一种计算机排线梳理装置制造方法及图纸

【技术实现步骤摘要】一种计算机排线梳理装置本技术涉及计算机排线梳理,具体涉及一种计算机排线梳理装置。技术介绍计算机俗称电脑,是现代一种用于高速计算的电子计算机器,可以进行数值计算,又可以进行逻辑计算,还具有…

github和pypi_如何将GitHub用作PyPi服务器

github和pypiI was looking for a hosted private PyPi Python Package server, that used credentials that the team already has (such as GitHub).我正在寻找一个托管的私有PyPi Python Package服务器,该服务器使用了团队已经拥有的凭据(例如GitHub)。 I didn’…

数据结构与算法---查找算法(Search Algorithm)

查找算法介绍 在java中,我们常用的查找有四种: 顺序(线性)查找 二分查找/折半查找 插值查找斐波那契查找1)线性查找算法 示例: 有一个数列: {1,8, 10, 89, 1000, 1234} ,判断数列中是否包含此名称【顺序查找】 要求: 如果找到了&a…

Exchange Server 2007邮箱存储服务器的集群和高可用性技术(上)

高可用性矩阵-->见下图:邮箱服务器高可用性目标: 数据可用性-->保护邮箱数据免于失败和损坏服务可用性-->提高群集实效转移操作 简化群集管理 支持地理分散的群集 支持低成本大邮箱(GB)使用户可以基于业务需要更好的选择容错方案提高解决方案的可用性使用解决方案可…

【C/C++开发】C++实现字符串替换的两种方法

替换字符串replace() erase()//C 第一种替换字符串的方法用replace()|C 第二种替换字符串的方法用erase()和insert()【 Cstring|C replace()|C erase()|C insert()|C自定义替换字符串函数】#include<string> #include<iostream> using namespace std;//第一种替换字…

html设置按钮样式变为椭圆,css border-radius圆形变为椭圆形,位置:绝对

我正在围绕字体真棒图标创建一个圆圈。我的问题是&#xff0c;当我添加position: absolute圆成为一个椭圆。css border-radius圆形变为椭圆形&#xff0c;位置&#xff1a;绝对同样的情况&#xff0c;如果我是设置display: block这里是什么&#xff0c;我想实现的图像 -CONRADU…

《火球——UML大战需求分析》(第1章 大话UML)——1.5 小结和练习

说明&#xff1a; 《火球——UML大战需求分析》是我撰写的一本关于需求分析及UML方面的书&#xff0c;我将会在CSDN上为大家分享前面几章的内容&#xff0c;总字数在几万以上&#xff0c;图片有数十张。欢迎你按文章的序号顺序阅读&#xff0c;谢谢&#xff01;本书已经在各大网…

金陵科技学院计算机开设课程,金陵科技学院各专业介绍

各专业介绍会计学专业(四年制本科) 金融学专业(四年制本科)财务管理专业(四年制本科) 国际经济与贸易专业(四年制本科)市场营销专业(四年制本科)国际商务专业(三年制专科)物流管理专业(三年制专科) 对外汉语专业(四年制本科)古典文献(古籍修复)专业(四年制本科)行政管理(高级秘…

【jQuery Demo】图片由下至上逐渐显示

无意中看到如何实现一张图片从下往上慢慢显现出来这个问题&#xff0c;弄了半天还是从上往下的效果&#xff0c;纠结了&#xff0c;最后还是提问人自己搞定了&#xff01;不过哈哈&#xff0c;又学到一点知识&#xff01; 1.下面是我自己做的效果(按钮可以点哦) 图片由下至上逐…

Morphia - mongodb之ORM框架

一、简介 二、注解 1、Entity 2、Id3、Indexed4、Embedded5、Transient和Property6、Reference 三、示例 四、参考资料 Morphia快速入门 Morphia 注解详解 使用Morphia框架操作mongodb 使用 Morphia 和 MongoDB 实现持久化 Spring中Mongodb的java实体类映射 ORM框架Morphia的学…

石头剪刀布游戏web_Web开发教程-剪刀石头布

石头剪刀布游戏webThis web development tutorial shows how to use JavaScript, HTML, and CSS to create a rock Paper Scissors Game in the browser.这份网络开发教程展示了如何使用JavaScript&#xff0c;HTML和CSS在浏览器中创建石头剪刀布游戏。 Tenzin explains every…

两个数之和等于第三个数

这是一个很好的算法题&#xff0c;解法类似于快速排序的整理方法。同时&#xff0c;更为值得注意的是这道题是 人人网2014校园招聘的笔试题&#xff0c;下面首先对题目进行描述&#xff1a; 给出一个有序数组&#xff0c;另外给出第三个数&#xff0c;问是否能在数组中找到两个…

html标题前色块,CSS轻松实现色块标题标识

不少网站开始采用韩式风格来建站&#xff0c;这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖&#xff0c;最明显的特点就是表格或标题栏常会加上一条横或竖的色带&#xff0c;如图1中圈起来的地方就是这样。(图一)一般人都会想到用Photoshop等软件来完成这样的效果…

Git 基础 - 远程仓库的使用

远程仓库的使用 要参与任何一个 Git 项目的协作&#xff0c;必须要了解该如何管理远程仓库。远程仓库是指托管在网络上的项目仓库&#xff0c;可能会有好多个&#xff0c;其中有些你只能读&#xff0c;另外有些可以写。同他人协作开发某个项目时&#xff0c;需要管理这些远程仓…

山东理工大学第七届ACM校赛-G 飞花的传送门

G - 飞花的传送门飞花壕最近手头比较宽裕&#xff0c;所以想买两个传送门来代步&#xff08;夏天太热&#xff0c;实在是懒得走路&#xff09;。平面上有N个传送门&#xff0c;飞花壕想要挑两个距离最远的传送门带回家&#xff08;距离为欧几里得距离&#xff0c;即两点之间直线…