Home > Developer > Web Develop
The following mind map is my general summary of the book's General content:
Tools
The tool recommended in this book is mainly about automated testing, but I think that the actual development process in the current use will be relatively small. Here are some other great tools to recommend:
1. YSlow
YSlow is a browser plugin that Yahoo has launched to help you analyze your site's pages and provide you with some optimization suggestions to improve the performance of your site. poke Me check Yslow-23 rule
2. pagespeed
Pagespeed is also a browser plugin, launched by Google, to optimize our web site practices-helping you easily analyze your site's performance bottlenecks and provide you with recommendations for optimization.
3. Other Excellent tools
Good structure
What is good structure? Technically speaking: it means that the document has to follow a certain strict end such as each start tag should have an end tag, the element's start and structure are within the same parent element, and each entity reference must be defined beforehand. Although most Web sites are now being used:
| 1 | <!DOCTYPE html> //dtd |
With html5<! The doctype> tag allows us to write HTML tag statements without the need for that specification, but I think it is necessary to follow the XML standard in terms of rigor, regularity, and readability of the document. The so-called good structure conforms to the standard:
1. All start tags should have a matching end tag.
2. Empty elements should use the label syntax for empty elements.
<br/>-<br class= "Empty"/>
3. All attributes must have a value
4. All attribute values need to be enclosed in quotation marks
5. All & numbers must be escaped to &
There is a problem with embedded JavaScript here. & in Javascript is not escaped. You can move the script out of an external file that you do not need to escape or put the script in a comment.
6. All less than < are escaped to <
There is a problem with embedded JavaScript here. Javascript does not take < as less than sign. You can move the script out of an external file that you do not need to escape or put the script in a comment.
7. Only the unique root element
8. Escaping quotation marks in attribute values
" escape as" in the attribute value and ' escape as ' .
9. All non-predefined entity references must be declared in the DTD
10. End each entity reference and replace the imaginary entity reference
the XML requires the entity reference to end with a semicolon.
11. Change the name to lowercase, all elements of the
12. Convert text to UTF-8
Utf-8 is a standard encoding that works on all browsers and is supported by a mainstream text editor tool that supports all Unicode characters.
Content
Accessibility
The author said three points.
A, for users with poor eyesight can perceive the text through perception
b, can increase the results of search engines
C, can improve website performance, and can save bandwidth cost and visitor's time
Author or that sentence: HTML document Only content should not have decoration
Make sure that all of the form elements, such as non-hidden input,textarea,select, have a corresponding label
Add a tab index to each form so that users can jump through the TAB key
| 1 | <input tabindex="1"type="checkbox"/> |
There are 7 elements that support TabIndex:A Area button input object Select TextArea
| 12345678910 | |
Layout
Creating a modern Web page requires using XHTML that is separate from the CSS to avoid the use of expressive elements such as tabular layouts and font tags (//cliché)
Web application
The following actions should all be done via POST
1) Order Items
2) Sign Legal documents
3) Delete the page from the CMS
4) Sign Representations
5) Send e-mail
6) inserting new content into the database
7) Print the map
8) Control Machine
The following actions should be done through a GET operation, as this is safe. And you don't have to force users to accept
1) Read the document
2) Download a copy of the editable document from the CMS
3) Read e-mail
4) View Map
5) Check the current state of the machine
get url can be linked, Crawled, collected, pre-crawled, cached by crawlers. get Let the user use the back key. In general, in these cases get operation ratio postget
Enabling caching of some infrequently changed resources, such as Web icon, can greatly increase the speed of user access to pages and improve user interaction performance.
ETag: The ETag is the Entity Tag of the URL, whichindicates whether the URL object has changed, distinguishes between different languages and sessions, and so on. The specific internal meaning is to make the server control, just like a cookie.
HTML refactoring and Web page common tools
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
