Advantages and disadvantages of Table layout and why it is not recommended
|
Disadvantages of Tables 1. Table takes up more bytes than other HTML tags. (Delay download time and occupy more traffic resources of the server.) 2. Tablle will block the rendering order of the browser rendering engine. (It will delay the generation of the page and make the user wait longer.) 3. When displaying pictures in a table, you need to split a single, logical picture into multiple pictures. (Increases design complexity, increases page load time, and increases the number of HTTP sessions.) 4. There may be problems copying text in the Table in some browsers. (This will annoy users.) 5. Table will affect the effectiveness of some of its internal layout attributes (such as the height: 100% of the element in <td>) (this will limit your page design freedom.) 6. Once you learn CSS, you will find that using tables for page layout becomes more troublesome. (Take the time to learn some CSS first, it will save you a lot of time later.) 7. Table is semantically incorrect for page layout. (It describes the presentation, not the content.) 8. Table code drives readers crazy. (Not only can you not use CSS, but you will also be confused) 9. Once the table is designed, it becomes dead and it is difficult to give it a new look through CSS. Advantages of Tables In some situations, using Table is 100% appropriate, proper, and correct. For example, it is completely correct to use table to make a table. If you can't decide whether you should use a table, refer to the above points and I believe you will find the answer. |
<<: Use momentJs to make a countdown component (example code)
>>: Detailed installation process of Jenkins on Linux
Recommend
Proxy_pass method in multiple if in nginx location
1. First, let's review the relevant knowledge...
Installation of mysql5.7 and implementation process of long-term free use of Navicate
(I) Installation of mysql5.7: ❀ Details: The inst...
HTML+CSS+JavaScript to make a girlfriend version of scratch card (you will learn it once you see it)
I believe everyone has played scratch tickets. Wh...
MySQL primary key naming strategy related
Recently, when I was sorting out the details of d...
Record the steps of using mqtt server to realize instant communication in vue
MQTT Protocol MQTT (Message Queuing Telemetry Tra...
MySQL 8.0.12 installation steps and basic usage tutorial under Windows
This article shares the installation steps and us...
The whole process of implementing the summary pop-up window with Vue+Element UI
Scenario: An inspection document has n inspection...
Introduction to major browsers and their kernels
Trident core: IE, MaxThon, TT, The World, 360, So...
Detailed graphic and text instructions for installing MySQL 5.7.20 on Mac OS
Installing MySQL 5.7 from TAR.GZ on Mac OS X Comp...
Nginx try_files directive usage examples
Nginx's configuration syntax is flexible and ...
Summary of common functions of PostgreSQL regular expressions
Summary of common functions of PostgreSQL regular...
How to configure ssh to log in to Linux using git bash
1. First, generate the public key and private key...
A detailed discussion of MySQL deadlock and logs
Recently, several data anomalies have occurred in...
Detailed process record of Vue2 initiating requests using Axios
Table of contents Preface Axios installation and ...