Web Standard one: standard definitions, benefits, noun interpretations, common terminology, naming conventions

1. What are Web standards?

A "web Standard" is a general term for a series of standards. The common misconception is that Web standards are often said to be div+css. The exact phrase should be: using XHTML1.1 in the Web standard recommended by the website to combine CSS2.0 style sheets to create pages. A DIV should refer to an XHTML tag, whereas a CSS is a style sheet.

2. Benefits of using Web standards development

2.1 Savings in operating costs

2.2 User-friendliness

2.3 Content cross-platform availability

2.4 Faster page resolution

2.5 Better User Experience

3. Noun interpretation

　　1. crosscutting

A container that is 950px wide in the page and has no restrictions on height is called a standard crosscutting.

2. Stay White

Two space between the top, bottom, left, and right of a container or fragment.

3. Inheritance

Elements can get some properties or values that can be used for themselves from their parent elements.

4. Image positioning

Put the picture element in a static, relative, absolute, or fixed position, using CSS to mask the image of the property, and more for the decoration of the page.

5. Basemap

The background image used in the label on the page.

6. Zidi (map) line

The user distinguishes between lines or graphs that are cross-cutting or fragment ends.

7. Page structure

The underlying framework of a page, consisting of crosscutting and layout elements.

8. Focus area (figure)

The most noticeable area.

9. Navigation

A set of links in a page that has a guiding nature.

10. Head Chart

Page theme pictures.

11. Spacing

The distance between fragments or text.

12. Row Height

The distance between rows and lines in a text paragraph.

13. Indent in first line

Indent the first line of a text paragraph.

14. Floating

Detach the defined area from the normal page document flow.

15. Fragmentation

A content area composed of text and pictures.

16. Banner Ads

The area of the ad with the same width as the page content area.

17. Function button

A function button with interactive properties.

18. Private Style

Styles that are used independently of the current page are not common.

19. Horizontal (vertical) Center

An element in the page is at the same distance from the top or left of the parent.

20. Standard Head (tail)

Defines the same page header or tail element collection.

4. Common technical terminology

1. Float: float

2. Width: Width

3. Height: Height

4. Block elements: Blocks

5. Background: Background

6. Unordered LIST: UL

7. Link: A

8. Form: Form

9. Image: img

10. Paragraph: P

11. Document Type definition: DTD

12. Font: font-family

13. Font Size: font-size

14. Frame: Border

15. Text alignment: Text-align

16. Row Height: line-height

17. Word Color: Color

18. Background does not cycle: no-repeat

19. Inner margin: padding

20. Outside spacing: margin

21 Mode: Display

22. Hover: hover

23. Text decoration: text-decoration

24. On: Up

25. Bottom: Bottom

26. Left:

27. Right:

28. Auto: Auto

29. Bold: Bold

30. OK: normal

5. Some agreements

　　Good naming habits, for a web-standard Web site development, must be more than a multiplier. Here are some of the common naming conventions:

1. The first letter of the style name is in lowercase letters and cannot be numbers, underscores and special characters;

2. Style name as far as possible semantic or shorthand;

3. When the style name needs to be spelled together, the camel-type spelling is used: KeyWord;

4. Use PX (pixels) as the basic unit of measurement;

5. Use of hollow grid: Full angle: Chinese space half angle:  

6. In the project completion package, the document and the file name all use lowercase letters, do not use the Chinese file name;

7. Reduce the number of nested layers of div;

8. Add alt attribute to important picture, add title to important element and truncated element;

9. Use the correct annotation method;

10. Non-special circumstances require performance and content separation, the code does not involve any performance elements, such as: Style,font, etc.;

11. Double mark to have the beginning and end of the tag, the label must be added after the "/", such as <br/>, and have the right level;

12. Other Special symbols:

1) < (&lt;)

2) > (&gt;)

　　

Web Standard one: standard definitions, benefits, noun interpretations, common terminology, naming conventions