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

Solution to Apache cross-domain resource access error

Blog

Detailed steps to deploy lnmp under Docker

Blog

Detailed explanation of the solution to the problem that the font in HTML cannot be vertically centered even with line-height

Blog

Sending emails in html is easy with Mailto

WEB standard web page structure

Solution to Apache cross-domain resource access error

Detailed steps to deploy lnmp under Docker

Detailed explanation of the solution to the problem that the font in HTML cannot be vertically centered even with line-height

Sending emails in html is easy with Mailto

CSS3 implements footer fixed at the bottom (always at the bottom no matter how high the page is)

Native js to achieve seamless carousel effect

Several principles for website product design reference

React method of displaying data in pages

React implements a highly adaptive virtual list

How to handle the failure of inserting rare characters in MySQL (Incorrect string value)

Recommend

Solution to MySQL root password error number 1045

Three ways to forward linux ssh port

Eight implementation solutions for cross-domain js front-end

Instructions for using the --rm option of docker run

Tutorial on configuring and changing passwords for the MySQL free installation version

When the interviewer asked the difference between char and varchar in mysql

Solution to the low writing efficiency of AIX mounted NFS

JavaScript implements countdown on front-end web page

How to delete the container created in Docker

JavaScript to achieve the effect of clicking on the submenu

Nginx configuration PC site mobile site separation to achieve redirection

Detailed explanation of screen command usage in Linux

Summary of basic usage of CSS3 @media

Tutorial on how to remotely connect to MySQL database under Linux system

JavaScript implements constellation query function with detailed code