Still struggling with what HTML is?

Not long ago, the world's HTML5 standards, to calmly deal with today's web technology changes, many beginners eager to catch up with this big development wave, but, and so on, it seems that they have not learned the true meaning of HTML5, what is this? Well, let's talk about HTML5 today!

What is HTML5?

Generally speaking, HTML5 contains three parts of HTML, CSS and JavaScript, not just the first impression of the HTML part, there are many innovations at the CSS 3 and JavaScript levels, so that the entire page from layout to processing is more force, The new technology has made it a reality that previously difficult and security-critical features have become

What are the advantages of HTML5?

THML5 in the layout of the more appropriate, remember the previous mainstream table transition to the mainstream div; today's layout is more friendly to search engines, for example, it will always contain the content of the article, and NAV is navigation information; HTML5 mobile phone support is becoming more perfect, compatible with mobile is a simple concept. Although multiple nets in one, compatibility problems always exist, layout adaptation is also a technical work, in addition to the pad and other clients also play an increasingly important advantage.

What are the aspects of HTML5 's technology:

Offline function

HTML5 provides several different offline storage functions through JavaScript, with better resiliency and architecture than traditional cookies, and the ability to store more content.

webstorage– larger and more resilient storage than cookies

SQL repository for Web SQL database– on-premises

Indexed Db–key-value's Local repository

Application cache– to Cache some of the most commonly used Web content.

Instant Messaging

In the past, because of the HTTP protocol and browser design, the instant interactivity is quite limited, only some techniques can be used to "simulate" the instant communication effect, but HTML5 provides perfect instant messaging support.

What polling, the third party all do not, self to realize.

websocket– Instant Socket Connection

Web workers– The previous javascript is a single thread, and the worker can have multiple operations

notifications– on the Highland, similar to the Growl hints like OS X

File and hardware support

I do not know whether we have found that in Gmail and other new Web applications, can be dragged through the way the file as an attachment to mail? This is the drag ' n Drop and file API in the function of this part of the HTML5 file.

Drag ' n Drag of drop–html elements

File API – reads the contents of the user's native computer

geolocation– Geo-positioning

Device orientation– The direction of the handheld device

Speech input– Voice Input

The semantics of

The semantic web is a way for computers to understand more about the content of a webpage, and it can be helpful to search engine optimization (SEO) or recommender systems.

New tags– tags, like, etc.

Application tags– is also a new tag, like, etc.

microdata– added semantic information to the search engine and other sites can be displayed correctly

Form type–

You can add more type, including email and Tel properties, the browser will assist in data format verification

Multimedia

Audio, Video's tag support, and canvas's functionality should be the most familiar part of HTML5, and the main reason many people think Flash will be replaced.

Audio video– support for movies and music on the Highland

CANVAS–2D support for drawing functions

Canvas 3d–3d support for drawing functions

svg– Vector Diagram Support

CSS 3

CSS3 supports the embedding of fonts, layout, and the most impressive animation features.

selector– more Resilient Selector

webfonts– Embedded Fonts

layout– variety of typesetting options

stlying radius gradient shadow– fillet, gradient, shadow

Border background support for background– border

transition– The moving effect of the element

Deformation effect of transform– element

animation– adding motion and morphing to animation support

Javascript

The fundamentals of comparing JavaScript have also added Dom's API, and browser-to-page record changes.

Dom API – more convenient for querying DOM components

History API – Browser page content modification, convenient Ajax can keep browsing records

Related recommendations:

Bf-tech Web visual designer Combat high-end training (HTML5 Web design, Web Visual combat, mobile UI design)

Cross-platform development technology-HTML5+CSS3 from getting started to mastering

Still struggling with what HTML is?