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.pswp.cn/news/392865.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/392865.shtml
英文地址,請注明出處:http://en.pswp.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;即兩點之間直線…