Python Study notes Week 13th

Directory:

First, the HTML

Second, CSS

First, the HTML

1. Overview

　　HTML is an abbreviation for the English Hyper Text mark-up Lang (Hypertext Markup Language), which is a standard language for making Web pages, equivalent to a set of rules for defining a uniform, and everyone follows him so that the browser can interpret it according to the rules of the markup language.

The browser is responsible for translating the markup into the user-readable format presented to the user

2. HTML Document

Document Tree

　　Doctype

DOCTYPE tells the browser what HTML or XHTML specification to use to parse an HTML document

There are differences with no:

1, Backcompat: Standard compatibility mode is not turned on (or called strange mode, promiscuous mode)

2, Css1compat: Standard compatibility mode is turned on (or called strict mode)

　　This property will be recognized and used by the browser, but if your page does not have a DOCTYPE declaration, then compatmode default is Backcompat, which is the beginning of the devil---the browser in its own way to parse the rendering page, Then in different browsers will show a different style, if your page added doctype that is equivalent to open the standard mode, the browser will be in accordance with the standards of the Web page resolution rendering, so that your page in all browsers will display the same.

　Use:

DOCTYPE tells the browser what HTML or XHTML specifications are used to parse the HTML document, and the DTD file contains tags, attri, proprties, constraint rules

　　Meta (metadata information)

Provides page meta information, such as: page encoding, refresh, jumps, descriptions and keywords for search engines and update frequency

1, page encoding (tell the browser what encoding)　　

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

2. Refresh and jump

1 <  http-equiv= "Refresh"  content= "/>2"< HTTP-EQUIV = "Refresh"  CONTENT= "5;   url=http://www.baidu.com "/>

3. Key words

1 <  name= "keywords"  content= "StarCraft 2, Interview"/>

4, X-ua-compatible

Microsoft IE6 is through the XP, WIN2003 and other operating systems released, as the dominant desktop operating system, also makes IE occupy the dominant position, many web site development, in accordance with the IE6 standards to develop, and IE6 own standards is Microsoft's internal definition, to IE7 time, The adoption of Microsoft internal standards and part of the standard, this time many sites to upgrade to IE7 is more painful, a lot of code adjustment, to normal operation, and to IE8 after the basic Microsoft internal definition standards are discarded, and fully support the standard, Due to the radical changes in the standards so that the original IE8 on the previous access to the site, on the IE8 can not access the normal, there will be some typographical errors, text overlap, display a variety of compatibility errors.

IE8 provides tighter support for industry standards than any earlier browser, so sites designed for older browsers may not appear as expected, and to help mitigate issues, IE8 introduces document compatibility concepts that allow the specified site to support an Internet Explo version. Document compatibility adds a new pattern on IE8 that tells the browser how to interpret and render the site, and if the site does not display correctly in IE8, you can update the site to support the latest web standards, or force IE8 to display content in the same way that the old browser viewed the site. This can be accomplished by adding the x-ua-compatible header to the Web page by using the META element.

When IE8 encounters a page that does not contain x-ua-compatible, the directive is used to determine how to display the page, and if the instruction is missing or does not specify a standard-based document model, IE8 is displayed in IE5 mode

1 <  http-equiv= "x-ua-compatible"  content= "Ie=ie7"/>

　　

　　Title

Page Header

　Link

1. css

1 <  rel= "stylesheet"  type= "text/css"  href= "Css/common.css"  >

2, icon (indicates that you can add a picture on the top of the page on a small label)

1 <  rel= "shortcut icon"  href= "Image/favicon.ico"> 

　

Python Study notes Week 13th