New features of HTML5 and CSS3.

New features of HTML5 and CSS3

1. New features of HTML5

1.1. Compatibility of new features

HTML5The new features of is mainly for the previous deficiencies, adding some new tags, new forms and new form attributes .

These new features have compatibility issues, and they are basically IE9+only supported by browsers of the above version. If compatibility issues are not considered, these new features can be used in large quantities.

1.2. New semantic tags in HTML5

In the past, we basically used div for layout, which has no semantics for search engines. E.g:

<!--指明导航链接, 头部, 以及尾部等，以前都是我们自定义，没有语义-->
<div class="header"></div>
<div class="nav"></div>
<div class="content"></div>
<div class="footer"></div>

Therefore, in order to enable the element to clearly describe its meaning to browsers and developers, a HTML5new semantic element, also called semantic tag, is added. The following are commonly used:

1. <header>: Header tag
2. <nav>: Navigation tab
3. <article>: Content label
4. <section>: Define a certain area of ​​the document
5. <aside>: Sidebar tab
6. <footer>: Trailing label