Web full stack Learn how to refine 21 good pages

Chapter One: The composition of Web page content
Division of 2.WEB Content
The possible composition of a Web page (visually);
① text, links, titles
② Interactive portal (form elements)
③ pictures (which types)
④ Animation
Flash Animation
HTML5 CSS3 Animation
⑤ Audio and video
Background music
Flash Advertising Video
HTML5 Video
⑥ Interactive Effects

Question: The following elements or content, which is the most important in the Web page? A
A.html
B.jsascript
C.css
D. Server-side scripting
E. Other page Resources

3. Look at a page technically
①html responsible for content and structure
-Is the skeleton and the body, no content, everything is lost meaning
②css responsible for style and performance
-Is decorative, is the skin, is the appearance, pleasing, everyone likes
③javascript responsible for action and interaction
-Is the movement, is the enhancement, is the function. Powerful not only improves experience, but also improves efficiency

4. HTML that is responsible for the content
① structure
What are the structure labels? (chunking, component, skeleton)
② semantics
What are the semantic tags? (Pure content, limb)
③ other element types
Images (IMG, map)
Objects (object, emed)

Where is the misunderstanding? Why is semantic tagging important? Semi-structured and structured?

Structure Label * * *
* Pure Structure Label
-Center-center align Block
-Div-Common block control tags
-span-common inline containers
-BR-line break
-head-heads
-Body-Body
* It's important to look at the structure of the label.
-Default Structure property of the label itself (block element or content Element)
-Convert to each other

Semantic tags * * *
* Common to have
-H1-HX
-P
-Table
-Li
-ul
-img
* Greatly increased in the HTML5
-Header Nav Footer Article section aside figure summary details

5. CSS in charge of style
① Content Modification
-color, background, font
② Selector and Priority
-ID, class, Element
③ border three elements and margins
-border (which three elements), margin
④ Space and location
-Z-index, left, top, position

* Table Layout VS div+css
① What is a table layout?
Take a look at Sina's 2007-year page
② What is the div+css layout?
Take a look at Sina's year 2008 page
Is ③div+css going to take all?
At the right time, use the right label
Can't I use the ④ form?
Not too absolute, in the two-dimensional data display, it is appropriate to use

6. JavaScript responsible for behavior
① legitimacy verification, form validation
② front-end data interaction, Ajax
③ interface processing and animation implementation, interface effect
④ environment detection and system API calls
The ⑤javascript optimization course is in the section "Writing Efficient JS and devil details at the front end"

Web full stack Learn how to refine 21 good pages