1.html5 advantages:
① to be friendly, more semantics, more intuitive, increase the readability of the code.
② computer-friendly, browser easier to parse easier for search engines to crawl the document content.
③ code more concise.
2. The new layout tab:
Article: Define a separate content block, an article, a video, etc.;
Section: define a region, such as a section of the article and the like;
Header / footer: the definition of a head / tail;
Aside: the definition of the sidebar;
Nav: definition of directory navigation;
Hgroup: header packet, usually placed inside the header;
Address: address, contact information and so on; the contents inside back in italics;
Figure: combination, such as images, graphics and other elements of the other media.
Figcaption: figure used to define the header;
Time:
①Time element represents a time of 24 hours or a date, the time difference represents a time allowed. It can define the date and time a lot of formats.
②Datetime property use date and time division T, T represents time. Z represents utc time plus the use of standard time to machine code, machine code representation to another area of time, if it is encoded local time, you do not need to add the time difference.
③Pubdate property is an optional label, coupled with his search engine can easily identify the date of the article, news of the publication date.
Example 3. Mobile terminal:
①Name = "viewport" setting screen
②Maximum-scale = 1.0, minimum-scale = 1.0; the maximum initial-sacle = 1.0 minimum scale is 1 (in fact, does not allow scaling old)
③User-scalable = 0, width = devive-width setting screen content and device width, contour
④Overflow: auto parent element contents exceed the container automatically add scroll bars
⑤Text-decoration: none to remove a tag underline
⑥List-style-type: none of the foregoing list of points removed
⑦Display: inline display on the same line
⑧Font-size: 10pt Set the font size