Some common face questions about HTML5 and CSS3

What are the new features of CSS3?

1. CSS3 to achieve fillet (Border-radius), Shadow (Box-shadow),

2. Add effects to Text (Text-shadow,), linear gradient (gradient), rotation (transform)

3. Transform:rotate (9deg) scale (0.85,0.90) translate (0px,-30px) skew ( -9deg,0deg);//rotate, zoom, position, tilt

4. added more CSS selectors multi-background Rgba

5. The only pseudo-elements introduced in CSS3 are:: Selection.

6. Media query, multi-column layout

7. Border-image

What are the new features and elements removed from HTML5? How do I handle browser compatibility issues with HTML5 new tags? How do I differentiate between HTML and HTML5?

New features:

1. Drag release (Drag and Drop) API

2. Semantically Better content tags (header,nav,footer,aside,article,section)

3. Audio, Video API (Audio,video)

4. Canvas API

5. Geography (geolocation) API

6. local offline storage localstorage long-term storage data, the browser is closed after the data is not lost;

7. sessionstorage data is automatically deleted after the browser is closed

8. Form controls, calendar, date, time, email, url, search

9. New technology Webworker, WebSocket, geolocation

Elements to remove:

1. Elements of pure expression: Basefont,big,center,font, s,strike,tt,u;

2. Elements that have a negative impact on usability: frame,frameset,noframes;

Support for HTML5 new tags:

1. IE8/IE7/IE6 supports tags generated through the Document.createelement method, which allows these browsers to support HTML5 new tags,

After the browser supports new tags, it is also necessary to add the default style of the tag (the best way is to use the mature framework directly, the Html5shim framework is the most used):

<!--[If Lt IE 9]>

<script> src= "Http://html5shim.googlecode.com/svn/trunk/html5.js" </script>

<! [endif]-->

What is the difference between local storage (locally Storage) and cookies (data stored on the user's local terminal)?

Cookies: The server and client can be accessed, the size is only about 4KB, the expiration date will be deleted;

Local storage: Only the local browser can access the data, the server cannot access the local storage until it is intentionally sent to the server via post or get channel;

5MB per domain; No expired data, it will remain aware that the user is purged from the browser or removed using JavaScript code

How can I communicate between multiple tabs within a browser?

Call Localstorge, cookies and other local storage methods

How do you optimize your website's files and resources?

File merge

File minimization/File compression

Using CDN Hosting

Use of the cache

Some common face questions about HTML5 and CSS3