Web Front End 4

A Head area code specification

1 tags that must be added

1.1 Key Words

<meta name= "keywords" content= "xxxx,xxxx,xxx,xxxxx,xxxx," >

1.2 CSS

<link href= ". /css/style.css "rel=" stylesheet "type=" Text/css ">

1.3 Web page display character set

Chinese Simplified

<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">

Chinese Traditional

<meta http-equiv= "Content-type" content= "text/html; charset=utf-8" >

English

<meta http-equiv= "Content-type" content= "text/html; charset=utf-8" >

1.4 Page Title

<title>xxxxxxxxxxxxxxxxxx</title>

2 Optional tags to add

2.1 Company Copyright note

<!---the site is designed by maiziedu 09/2015--->

2.2 Web Creator Information

<meta name= "Author" content= "[email protected]" >

2.3 Website Introduction

<meta name= "DESCRIPTION" content= "xxxxxxxxxxxxxxxxxx" >

2.4 Set the expiration time of the website, once the webpage expires, must be re-accessed on the server

<meta http-equiv= "Expires" content= "wed,26 Feb 1997 08:21:57 GMT" >

2.5 prevent the browser from accessing the contents of the page from the local cache

<meta http-equiv= "Pragma" content= "No-cache" >

2.6 To prevent others from calling your page in the frame

<meta http-equiv= "Window-target" content= "_top" >

2.7 Auto Jump

<meta http-equiv= "Refresh" content= "5:url=http://www.yahoo.con" >

5 means time to stay for 5 seconds

2.8 Web Search Robot wizard to tell the search robot which pages need to be indexed, which pages do not need to be indexed

<meta name= "Robots" content= "None" >

The content parameters are all, none, Index, NOINDEX, follow, nofollow, default is all

2.9 Favorites Icon

<link rel = "Shortcut Ion" href= "Favicon.ico" >

2.10 All JavaScript calls try to take external calls

<script language= "JavaScript" src= "Script/xxxx.js" ></script>

Two-font specification

1 You must use a CSS style sheet for text font style and line spacing when setting font styles, and prevent <font size=?> tags from appearing on the page

2 font Size: In the Web page Chinese should be preferred to use the song body, English and digital preferred to use Verdana and Arial two fonts, Generally use the Chinese song Body 9pt and 11pt or 12px and 14.7px This is the optimized font size, bold or italicized word bold, the general selection of 11pt and 14.7px font size is more appropriate

3 in order to maximize the function of browser auto-typesetting, in a complete text please try not to use <br> to manually intervene in segments

4 different from the text should have a half-width between the space, but the head of the symbol before and after the end of the symbol, except for punctuation between Chinese characters to use full-width punctuation, English letters and numbers around the parentheses should be used half-width brackets

5 Please do not appear in the Web page more than one, and try to use less full-width space (the English character set, the full-width space will be garbled), white space should try to use text-indent, padding, margin, hspace, vspace and transparent GIF pictures to achieve

6 line spacing is recommended as a percentage, and the two leading values commonly used are line-height:120%/150%

7 in typesetting we often encounter the need to do the first line indentation, do not use or full-width space to achieve the effect, the standard practice is to define P{TEXT-INDENT:2EM in the style sheet,}, and then add <p> tags to each paragraph, note, in general, do not omit < /p> end Tag

Three links and Table usage specifications

1 links

1.1 Link paths in Web sites all take relative paths

1.2 Link path to a default file that is generally linked to a directory does not have to write the full name

1.3 Example: <a href= "aboutus/index.htm" >

And it should be. <a href= "aboutus/" >

1.4 In the browser, when we click on the empty link, it will automatically reset the current page to the first end, thus affecting the user's normal reading content, we use the code "javascript:void (NULL)" Instead of the original "#" tag

2 Table

2.1 Try to avoid too many nested forms, the consequences of the browser load extension time, resulting in an unfriendly user experience

2.2 When writing <table> nesting, strictly according to the specification, for a single <table> for the,<table><tr> alignment,<td> indent two half-width spaces,<td> If there are nested table,<table> also indent two half-width spaces, if <td> does not have any account nested table,</td> end tag should be in the same line as <td>, do not wrap

2.3 As we note that there should be no such code in the source code

<td>

</td>

And that should be it.

<td></td>

Web Front End 4