New features of interaction in HTML5 and CSS3

When the title of the article is a pair of Photoshop-made pictures, it is bound to search engines can not be searched. And because the volume of the picture is not too small. You may have to wait patiently for the image to refresh when the internet is slow.

So. Let's talk about whether there is a new way to avoid these shortcomings.

What are HTML5 and CSS3?

HTML and CSS are not difficult to understand. HTML is the primary language that makes up a Web page. Through such a language. We can explain to the computer Web page format, content, display effect and so on. CSS is a language designed to control the display of Web pages.

New features for HTML 5

1. New Content Tags

The content tag level in HTML4 is also not able to distinguish between parts of the content.

The content tags in HTML5 are independent of each other, the level is different, the search engine and statistic software can recognize the content of each part at high speed.

2. A better form system

Today, you can discard JavaScript or PHP and simply define the table by HTML5. You can define the input format for each table cell, and you can also define whether the unit is required, and so on.

3. Audio, Video API

HTML5 not only allows you to integrate video and audio directly into your Web pages, but also provides a rich set of APIs to control media playback at the same time. The elements used to control the media playback can also be edited. So. HTML5 has actually been able to replace frequently used flash plugins on video and audio levels.

4. Canvas API

Drawing graphics in a Web page has always been a big problem. We have to use flash, Silverlight and other plugins. However, HTML5 agrees that you are drawing directly on the page, and even agreeing to generate a lot of other interactions with the page. such as drawing graphics, zooming in and out, and so on. The legend is a small game made with HTML5.

5. Geography (geolocation) API

HTML5 provides the application interface Geolocationapi for geographic information. Through this API. Web pages can be passed IP. GPs and other ways to obtain the user's geographic information, at the same time the user can also choose whether to turn off this feature.

6. Web Storage (Web Storage) API

HTML5 provides the API for storing Web pages. Facilitates offline use of Web applications. In addition, the new API has a high level of security relative to cookies. High efficiency. Greater space and other strengths.

7. Drag release (Drag and Drop) API

We can through the HTML5 drag and drop API to complete the drag-and-drop release in the Web page, to avoid the previous page in the Drag and drop release process need to constantly change the location of elements, code a variety of drawbacks.

CSS3 new Features

1. RGBa

CSS3 's Rgba new features allow you to set the color and transparency of each element. The opacity command, which is often used, can only be set on elements and their child elements.

2. Multi-column layout

CSS3 the new multi-column Layout selector creates a multi-column layout without the need for HTML layout tags. The same time ' columns ', ' column widths ', and ' column spacing ' are all defined.

3. Round Corners

The rounded corners feature is probably the most useful feature that CSS3 offers. Through Border-radius. You can add fillets to the specified HTML element, no matter what the difficulty. You can also define the size of the fillet, and which corner is rounded and which corner is not rounded.

4. @font-face

When a Web page displays a font that a user does not have installed. CSS3 provides the @font-face function to help users to download the corresponding fonts from the network voluntarily and silently.

So that designers can play more freely. Regardless of whether the user's machine has a corresponding font installed.

5. Other Features

In addition, CSS3 gives us the ability to ramp up, prevent string overflow, multiple backgrounds, and use images as element borders. With good CSS3, you can get more quickly the effect of using a lot of plug-in talents in the past.

With the use of the elements themselves to replace most of the images, the loading speed of the page will be improved, these are the contents of the image, can also be retrieved by the search engine.

Compatibility of HTML5 and CSS3

The standards of HTML5 and CSS3 are not formally completed. Each browser has a different level of support. It is essential to understand the compatibility of HTML5 and CSS3.

New features of interaction in HTML5 and CSS3