Shulou(Shulou.com)06/03 Report--

This article will share with you about the new interactive features of HTML5 and CSS3. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

What are HTML5 and CSS3?

HTML and CSS are not difficult to understand. HTML is the main language that makes up the web page. Through this language, we can explain to the computer the web page format, content, display effect and so on. CSS is a language specifically used to control the display of web pages. At this point, the question is, why do we use CSS alone? doesn't HTML also control the display of Web pages? To answer this question, let me give you a simple example:

Have you ever found that if we describe too many things and want to describe them clearly, we have to repeat a lot of information? The same is true of the page language, which in this case appears disorganized and very difficult to sort out. By integrating the language that controls the display effect into CSS, we can not only ensure the simplicity of the main body of the page language, but also easily reuse various language sets.

HTML5 and CSS3 are the latest versions of HTML and CSS. Neither of them has set a standard yet, but we are fascinated by the new features that have been announced.

The new and special of HTML5

1. New content tag

The content tags in HTML4 are at the same level, so it is impossible to distinguish between parts of content. The content tags in HTML5 are independent of each other and have different levels. Search engines and statistical software can quickly identify each part of the content.

two。 A better form system

Now, you can abandon JavaScript or PHP and define tables only through HTML5. You can define the input format for each table cell, or you can define whether the cell is required, and so on.

3. Audio and video API

HTML5 not only allows you to directly integrate video and audio in the web page, but also provides a rich set of API to control media playback, and these elements used to control media playback can also be edited. Therefore, HTML5 can actually replace the commonly used flash plug-ins at the video and audio level.

4. Canvas (Canvas) API

Drawing graphics in web pages has always been a big problem, and we have to use plug-ins such as flash, silverlight and so on. However, HTML5 allows you to draw directly on the web page, and even allows you to generate more interaction with the web page, such as drawing, zooming in and out, and so on. The legend is a Mini Game made of HTML5.

5. Geographic (Geolocation) API

HTML5 provides Geolocation API, the application interface of geographic information. Through this API, the web page can obtain the user's geographic information through IP,GPS and other ways; at the same time, the user can also choose whether to turn off this function.

6. Web Page Storage (Web storage) API

HTML5 provides API for web page storage, which is convenient for offline use of Web applications. In addition, compared with cookie, the new API also has the advantages of high security, high efficiency, more space and so on.

7. Drag and drop release (Drag and drop) API

We can complete the drag-and-drop release effect in the web page through HTML5's Drag and drop API, avoiding the drawbacks that the previous web pages need to constantly modify the location of elements in the drag-and-release process and have a lot of code.

New features of CSS3

1. RGBa

CSS3's new RGBa feature allows you to set the color and transparency of each element. The original commonly used opacity command can only set elements and their child elements.

2. Multi-column layout

The new multi-column layout selector provided by CSS3 can generate a multi-column layout without HTML layout tags, while 'number of columns', 'column width' and 'column spacing' can be defined.

3.Round corners

The fillet function is probably the most practical feature that CSS3 provides. With Border-radius, you can fillet a specified HTML element without any difficulty. And you can also define the size of the fillet, and which corner is the fillet and which is not.

4. @ font-face

When a web page displays a font that the user does not install, the @ font-face function provided by CSS3 will automatically and silently help the user download the font from the network. This allows designers to play more freely, regardless of whether the user's machine has installed the corresponding fonts.

5. Other characteristics

In addition, CSS3 also brings us functions such as gradients, preventing overlong strings from overflowing, multiple backgrounds, and using pictures as element borders.

By making good use of CSS3, you can get the results you used to use a lot of plug-ins more quickly. With the use of the element itself to replace most images, the loading speed of the web page will be improved, and the content that is originally a picture can also be retrieved by search engines.

Compatibility between HTML5 and CSS3

The standards for HTML5 and CSS3 have not been officially completed, and browsers support them to varying degrees. It is necessary to understand the compatibility of HTML5 and CSS3.

Thank you for reading! This is the end of this article on "what are the new interactive features of HTML5 and CSS3". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.