Thead tbody tfoot Loading order problem in table

Source: Internet
Author: User

These tags are mainly used to improve the loading of table tags and display, in plain words, is distributed loading. In a traditional browser, when loading, it is not shown when all the elements in the tag are downloaded, and of course the user experience is not good. After adding a few labels to the T-
Table loads the elements in the table, in the order of the labels written in the table.In order for the large form (table) to be downloaded
Can be segmented, meaning that when the browser parses the HTML, table is interpreted as a whole, using tbody to optimize the display.
If the table is long, it can be partially displayed with tbody, not waiting for the entire table to be downloaded. Download a piece of display, table
It has a better effect when it's huge.
tbody, TFOOT, thead are generally not used much, for more complex pages, page layout to use a lot of tables, forms
Structure is also relatively complex, so the table is divided into three parts: header, text and footnotes. And these three parts are used separately: THEAD,
Tbody, TFOOT to mark.
The head of the THEAD table is used for headings and things like that.
The body of the Tbody table data Ontology
Tfoot table Footer and so on.
I think the most direct use is:
Tbody The contents of the containing row download the priority display without waiting for the table to end. Also, pay attention to a place. Table rows are originally displayed from top to bottom.
However, when Thead/tbody/tfoot is applied, it is displayed "from head to toe", regardless of the order of your line code. Which means if Thead is written in the
After the tbody, the HTML is displayed, or the tbody is displayed with the first thead.
New knowledge, record.

Thead tbody tfoot Loading order problem in table

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.