What is the specification of web page code?

1. All xhtml codes are in English lowercase.

2. The value of the attribute must be enclosed in double quotation marks ("") and must have a value.

3. Each label must have a beginning and an end, and it must have the correct level.

4. Expression and structure are completely separated, and no expression elements, such as style, font, bgColor and border, are involved in the code as far as possible.

5 、& lth 1 & gt； arrive

6. Mark important blocks.

7. alt comments should be added to the picture.

(CSS specification:

1, id and class are named by English words or combinations in this section. The first word is lowercase, and the second word is capitalized, such as: newRelease (latest product/new+release), or new_Release is underlined.

2. Each block of 2.CSS style sheet has comments.

How to write a note:

/* Footer */

Content area

/* End footer */

3. Try to use English naming principles and try not to abbreviate unless you can understand words at a glance.

Naming of class:

(1) color: use the name of the color or 16 hexadecimal code, such as

. Red {color: red; }

. f60 { color:# f60； }

. ff 8600 { color:# ff 8600； }

(2) font size, directly using "font+font size" as the name, such as

. font 12px { font-size: 12px； }

. font 9pt { font-size:9pt； }

(3) Alignment method, using the English name of the alignment target, such as

. left { float:left； }

. Bottom {float: bottom; }

(4) Title bar style, named by "category+function", for example

. barnews { }

. barproduct { }

(5) Page structure

Container: # container

Layout: # Layout

Title: # Title, # Title

Tail: # feet, # footer

Sidebar: # Sidebar

Left column: #sidebarLeft

Right column: #sidebarRight

Page text: #main

Column: # column

Packaging/coating: # packaging, packaging

Content: # Content

(6) Navigation

Navigation: #nav

Main navigation: #mainNav

Top navigation: #topNav

Left navigation: left navigation

Right navigation: right navigation

Navigation down: bottom navigation

Auxiliary navigation: #subNav

Menu: # Menu

Secondary menu: # submenu

Drop-down list:. drip

Drop-down menu:. pull-down menu

(7) Function

Label:. Tab,. label

Prompt information:. Monosodium glutamate. news

Hint:. skill

Note:. pay attention to

Hot spot: hot

Abstract:. abstract

Help:. help

Voting:. vote

Guide:. trade council/association

Trademark:. Brand publicity

Label:. label

Toolbar:. Tools,. Toolbar

Title:. title

Logo:. Signs; emblem

Search:. search

Search bar:. Search bar

Search box: search box

Search input box:. Search _ Input

Search output box:. Search _ Output

Search results:. Search results

Registration:. register

Login:. log in

LoginBar:。 Rockinbar

Login box:. Login box

Friendly link:. friendLink，。 ring

Advertising/slogan:. flag

Copyright information:. copyright

Jonas: Yes. Ciounus

Partner:. partner

Service:. service

Website map:. Website map, map

Thumbnail:. A picture of the program running is displayed on the screen.

Product: product

Product price: product _ price

Product Description: Product _ Description

Product Review: Product _ Review

Latest products: new products

Manufacturers: suppliers, publishers

Edit: edit

Edit Comment: Edit _ Comment

Blog: Blog

Forum: Forum

News: news

Download: download

Website information:. siteinfo

Legal statement:. legal

Reputation: credit

List:. catalogue

(8) Others

Left, middle and right: left, middle and right.

Up, middle and down: up, middle and down.

Button: btn

Breadcrumb: breadcrumb (that is, navigation tips for page positions)

Scroll: scroll

Current: current

Icon: Icon

Arrow: arrow

Homepage: Homepage, Homepage

Secondary page: sub-page

State: state

Frequently asked questions: Frequently asked questions

Keywords: keywords

(3) CSS file name

Top: top.css

Bottom: bottom.css

* * * Enjoy share.css

Basic * * * use base.css

Layout.css

Master.css

Module module.css

Theme themes.css

Column columns.css

Text font.css

Form forms.css

Patch patch. css

Print. css

Row or row: row 1th, row 2, row 3, row 4. ...

Column or vertical: col 1th, col2nd, col3rd, col4th. ...

(4) Page pictures, etc. shall comply with the following specifications.

Page pictures are in gif and jpg formats, and the less distortion, the better.

The name is divided into two parts, head and tail, separated by underscores. The title indicates the general properties of the picture, such as advertisements, signs, menus, buttons, etc.

Generally speaking:

Rectangular pictures (such as advertisements and decorative patterns) placed at the top of the page are called banners/icons.

The iconic picture we named: logo.

A small picture with links and fixed positions on the page is called button.

A picture of a link bar that appears continuously in a certain position on the page and has the same properties is named menu.

The decorative photo we named: pic.

A picture without a link representing a title is named as a title.

According to this principle, the tail is used to express the specific meaning of the picture.

Here are a few examples, you should be able to understand the meaning in the picture at a glance:

banner _ Sohu . gif banner _ Sina . gif menu _ about us . gif menu _ job . gif title _ news . gif logo _ police . gif logo _ national . gif pic _ people . jpg pic _ hill . jpg

(E) related to search engine optimization

1 Allow full-text search of the page. In order to enable search engines on the Internet to retrieve pages effectively

& ltMeta name = "keywords" content = "Oriental Shinkansen, cars, cars" >

& lt meta name = "description" content = "Oriental New Energy Bank, the first stop of global Chinese automobile information" >.

2. Add search engine startup code:

& ltmeta name = " robots " content = " index，follow" />。

& ltmeta name = " Google bot " content = " index，follow "/& gt；

Attachment: Yahoo Optimization: 13 Tips for improving the speed of web pages

Web page opening speed is an important aspect of website SEO, including the search engine itself. Recently, Yahoo's excellent performance team put forward 13 rules to improve the speed of web page opening on its developer network, including "reducing http requests" and "avoiding page turning".

Details are as follows:

1. Reduce http requests.

2. Reduce the use of multimedia, pictures and sounds, and put text content first in transmission.

3. With the deadline header, because time is the future, for caching, some http requests can be reduced.

4. support Gzip

5. Put CSS at the top of the page.

6. The active script file is placed at the bottom.

7. Avoid using CSS expressions

8. Separate JavaScript and CSS from web pages.

9. Reduce DNS lookup time

10. Minimize JavaScript

1 1. Avoid turning pages.

12. Delete duplicate scripts