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
About WSL configuration and modification issues in Docker
https://docs.microsoft.com/en-us/windows/wsl/wsl-...
A brief analysis of the issues that should be paid attention to when making 404 error pages
When optimizing a website, we must learn to use e...
React Fragment Introduction and Detailed Usage
Table of contents Preface Motivation for Fragment...
Javascript closure usage scenario principle detailed
Table of contents 1. Closure 2. Closure usage sce...
Linux forced release of occupied ports and Linux firewall port opening method detailed explanation
When installing nginx, mysql, tomcat and other se...
Detailed explanation of the execution order of JavaScript Alert function
Table of contents question analyze solve Replace ...
Example code for implementing a pure CSS pop-up menu using transform
Preface When making a top menu, you will be requi...
Characteristics of JavaScript arrow functions and differences from ordinary functions
Table of contents 1. Use of arrow functions 1. Fr...
MySQL dual-master (master-master) architecture configuration solution
In enterprises, database high availability has al...
MySQL query tree structure method
Table of contents MySQL query tree structure 1. A...
Detailed process of deploying Docker to WSL2 in IDEA
The local environment is Windows 10 + WSL2 (Ubunt...
Detailed explanation of the process of docker packaging Python environment
The steps of docker packaging Python environment ...
Detailed explanation of the reasons and optimizations for the large offset affecting performance during MySQL query
Preface MySQL query uses the select command, and ...
Solve the problem of being unable to log in when installing MySQL on mac using homebrew
If your computer is a Mac, using homebrew to inst...
Detailed explanation of MySQL transaction processing usage and example code
MySQL transaction support is not bound to the MyS...