A front end base -HTML (1)

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

Guess you like

Origin www.cnblogs.com/fousor/p/11448386.html