Web standard web page structure


Whether the background image or text size is on the page, it is obvious that there is a difference of one pixel. And I brought the bad problems in school. I was always so careless. After submitting the page for the first time, I had a lot of problems. Fortunately, my tutor pointed out to me that otherwise I couldn’t feel my own problems. It boils down to my carelessness and failure to accurately restore the design draft. In the future, I must strive to overcome this. In the visual display of page design, we should pursue perfection.

This time, I also understood some page structures. At first, I thought the structure was the style loaded from the browser. After that, what kind of structure do you want the page content to be displayed. Through this appearance to select the appropriate tags, so as to build their own page structure. It is confused with the browser’s default display style. On the one hand, it is because of his meaningless association with some labels, which leads to the misunderstanding of label use. I think this is a problem that many refactorers will inevitably encounter. At this time, I just made practice.

For example, in this project, I used a lot of comment lists for the picture list because I think the appearance of the whole HTML file after removing the style is in line with people’s normal thinking. I imposed it on the page, not a very correct structure. I expanded its scope of use. Return to the original usage. In fact, it is only a label for expressing content, not a structure. This is a misunderstanding, because some people may think that this is not a list of notes, but a paragraph, which varies from person to person. Therefore, in the case that no consensus can be reached on the choice, choosing the div label without any meaning may be a compromise.

Structure really needs to be experienced and summarized slowly!

Recommended Today

The selector returned by ngrx store createselector performs one-step debugging of fetching logic

Test source code: import { Component } from ‘@angular/core’; import { createSelector } from ‘@ngrx/store’; export interface State { counter1: number; counter2: number; } export const selectCounter1 = (state: State) => state.counter1; export const selectCounter2 = (state: State) => state.counter2; export const selectTotal = createSelector( selectCounter1, selectCounter2, (counter1, counter2) => counter1 + counter2 ); // […]