WEB standard web page structure
|
Whether it is the background image or the text size on the page, a one-pixel difference is very obvious. And I brought the bad habits I had in school with me. I was always so careless. After submitting the page for the first time, there were a lot of problems. Fortunately, my tutor pointed them out to me, otherwise I would not have been able to realize those problems. It all came down to me being too careless and not accurately restoring the design draft. I must work hard to overcome this in the future. Strive for perfection in the visual display of page design. Through this experience, I also understood some page structures. At first, I thought that the structure was what kind of structure you wanted the page content to be displayed in after the browser blocked the loaded style. Use this appearance to choose appropriate tags and build your own page structure. And confuse it with the browser's default display style. On the one hand, it is because of endless meaningless associations with some labels that lead to misunderstandings in the use of labels. I think this is a problem that many refactoring personnel will inevitably encounter. At this time, I just put it into practice. For example, in this project I used a lot of comment lists for the image lists because I wanted the appearance of the entire HTML file to be in line with people’s normal thinking after removing the styles. It's something I imposed on the page, and it's not a very correct structure. It was I who expanded its scope of use. Going back to its most original usage, it is actually just a label used to express content, not a structure. This is a misunderstanding, because some people may think that this is not a list of notes, but a paragraph. It depends on the individual. So in this situation where everyone cannot reach a consensus on the choice, choosing the meaningless div tag may be a compromise. Structure is something that really needs to be experienced and summarized slowly! |
<<: Solution for Docker container not recognizing fonts such as Songti
>>: A brief discussion on the built-in traversal methods of JS arrays and their differences
Recommend
Detailed tutorial on Apache source code installation and virtual host configuration
Install Apache from source 1. Upload the Apache s...
User experience of portal website redesign
<br />From the launch of NetEase's new h...
How to install and use Cockpit on CentOS 8/RHEL 8
Cockpit is a web-based server management tool ava...
How to use nginx to build a static resource server
Taking Windows as an example, Linux is actually t...
Example of how to reference environment variables in Docker Compose
In a project, you often need to use environment v...
Basic learning tutorial of table tag in HTML
Table label composition The table in HTML is comp...
Solution to garbled display of Linux SecureCRT
Let's take a look at the situation where Secu...
What are the file attributes of crw, brw, lrw, etc. in Linux?
What is a file? All files are actually a string o...
CSS shadow animation optimization tips
This technique comes from this article - How to a...
Detailed graphic explanation of Mysql5.7.18 installation and master-slave replication
Install mysql5.7.18 on CentOS6.7 1. Unzip to the ...
Seven Principles of a Skilled Designer (1): Font Design
Well, you may be a design guru, or maybe that'...
MySQL 8.0.3 RC is about to be released. Let’s take a look at the changes
MySQL 8.0.3 is about to be released. Let’s take a...
Collection of 12 practical web online tools
1. Favicon.cc To create ico icon websites online,...
How to view and clean up Docker container logs (tested and effective)
1. Problem The docker container logs caused the h...
Detailed installation tutorial of mysql5.7.19 decompressed version (with pure cracked Chinese version SQLYog)
Mysql5.7.19 version is a new version launched thi...