1. Browser:
1.1 browser kernel: JS rendering engine and engine
Rendering engine: page content (html, xml, images, etc.), organize messages (adding css, etc.), and calculate page is displayed, and then output to a display which printer
JS engine: parsing the JavaScript language, the implementation of dynamic effects js language web pages
(1) Trident (IE kernel) windows 10 start to modify the built-in browser Edge, Edge of the new kernel is EdgeHTML
(2)Gecko(firefox)
(3)webkit(Safari)
(4) Chromium / Bink (chrome) Bink is a branch of webkit
(5) Presto (Opera) Now google the blink enabled kernel
2.Web standard (emphasis):
web standards is not a standard, there is a collection of standards organization W3C and other standards organizations to develop, including three structures (Stucture), performance (Presentation) and behavior (Behavior)
Standard Structure: Structural page elements for sorting and classification, including xml and xhtml two parts
Style Standard: performance is used to set page elements layout, color, size and other exterior style, mainly referring to CSS
Standards of conduct: action refers to the preparation of definition and interactive HTML model, as long as the two parts including DOM and ECMAScript
Source ideal state: html, css, js
3.HTML acquaintance:
HTML (Hyper Text Markup Language English shorthand) Chinese translated as "Hypertext Markup Language", mainly carried out a description of the contents of the web pages of text, images and sounds through HTML tags
<Strong> I am bold </ strong>
3.1 HTML skeleton format
HTML has its own language syntax skeleton format:
<HTML> <head> <title></title> </head> <body> </body> </HTML>
html parsing skeleton:
1.HTML Tags:
Role: a root of all the HTML tags
2.head Tags:
Role: for storage: title, meta, base, style , script, link
pay attention to the label in the head tag we need to set is the title
3.title Tags:
Role: to make the page has a title of their own.
4.body Tags:
action: in the page body portion for storing all HTML tags: p, h, a, b , u, i, s, em, del, ins, strong, img