Page 31-H5 Tutorial Programming Tutorials: Learn H5 Tutorial Online-php.cn

Article Tags

H5 Tutorial

Home

Technical articles

Web Front-end

H5 Tutorial

How to fix gaps between pictures

In the h project, there is a gap of about 3px between several img tags. The effect is very bad. So how to solve it? The editor below will share with you the perfect solution to the gaps between images in HTML5. Friends who need it can refer to it. I hope it can help everyone.

Dec 11, 2017 am 11:53 AM

方法解决缝隙

How to implement h5 normal text box prompts

The editor below will bring you an article on how to implement h5 input box prompts + normal text box prompts. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.

Dec 11, 2017 am 10:59 AM

html5方法实现

Detailed explanation of mobile REM layout adaptation method for H5 activity page

After getting the design draft, how to restore the layout? If you only need to do non-exact responsive design, then using media queries to achieve it is OK. If it is necessary to accurately restore the design draft, this is usually achieved through zooming. Common solutions include viewport-based and rem-based scaling solutions. This article mainly introduces relevant information that explains in detail the mobile REM layout adaptation method of H5 activity pages. I hope it can help everyone.

Dec 09, 2017 am 10:19 AM

html5适配布局

Analysis of the principle of gesture sliding screen switching in HTML5 single page

H5 single-page gesture sliding screen switching is implemented using HTML5 touch events (Touch) and CSS3 animations (Transform, Transition). Let’s briefly talk about its implementation principles and main ideas through this article. Friends who are interested should take a look.

Dec 08, 2017 am 09:10 AM

HTML5h5原理

html5 organize content

This article mainly introduces the content of html5 organization

Dec 08, 2017 am 09:07 AM

html5h5组织

HTML5 form validation failure prompt problem

When front-end kids are writing pages, they will inevitably step into the trap of form validation. At this time, we have to kneel down because we have to write a bunch of js to check. But since the emergence of H5, many common expression validations , it has been implemented for us, which has relieved us a lot of burden. In this article, we will share with you the prompt problem of HTML5 form verification failure.

Dec 08, 2017 am 09:03 AM

HTML5h5提示

Implementation of HTML5 desktop notification prompt function

This article mainly introduces the implementation of desktop notification prompt function in HTML5. It is very good and has reference value. Friends who need it can refer to it.

Dec 07, 2017 pm 04:03 PM

HTML5h5功能

Realize subway station monitoring based on HTML5 Canvas

With the rapid development of the domestic economy, people have higher and higher requirements for safety. In order to prevent the following situations from happening, you need to consider installing a security system: Provide evidence and clues: In many factories, banks, thefts or accidents, relevant agencies can detect the case based on video information, which is a very important clue. In this article, we will share with you the implementation of subway station monitoring based on HTML5 Canvas.

Dec 06, 2017 pm 04:23 PM

CanvasHTML5地铁站

html5 cross-domain communication method through postMessage

The h5 page is embedded in the PC page as a preview module. The user can do some operations on the PC page, and then the h5 page makes responsive changes to achieve the preview effect. The first thing that comes to mind here is to embed the h5 page into the pc web page using an iframe, and then the pc sends the changed data to the iframe through the postMessage method. The h5 embedded in the iframe receives the data through addEventListener, and then makes responsive changes to the data. This article will give you a detailed introduction to the method of cross-domain communication in HTML5 through postMessage.

Dec 06, 2017 pm 01:40 PM

postMessagehtml5h5

Detailed explanation of html5 offline storage knowledge

Before HTML5, we would use cookies to cache some data on the browser side, such as logged in user information, historical search information, etc. However, the capacity supported by cookies is only 4k, and there is no dedicated API for operation. We can only rely on some open source libraries. Cookies.js is used here to store and obtain cookie information.

Dec 05, 2017 pm 04:22 PM

html5h5详解

How Canvas handles images

Canvas, translated as "canvas" in Chinese, has a new

Dec 05, 2017 pm 01:46 PM

Canvas方法处理

HTML5 video method to achieve browser compatibility

In this article, we will share with you how to achieve browser compatibility for HTML5 video. In the past, flash was the best way to solve videos on web pages. As of now, it is still mainstream, such as those video websites like Youku and online websites like Xiami. Music websites still use flash to provide playback services. But this situation will change with the development of HTML5. As far as video is concerned, HTML5 adds video to implement the function of playing videos online.

Dec 04, 2017 am 11:55 AM

Firefoxwebkitvideo

Geek Academy HTML5 new features basic video courseware source code

HTML5 is the latest revised version of HTML. The standard was completed by the World Wide Web Consortium (W3C) in October 2014. HTML5 is designed to support multimedia on mobile devices and is easy to learn. "Basic Video Tutorial on New Features of HTML5 from Geek Academy" will take you to understand the new features added by HTML5 compared to HTML, and experience the new multimedia functions, new applications, new graphics, etc. in HTML5.

Dec 04, 2017 am 11:27 AM

HTML5h5视频

How to use new tags in HTML5

HTML5 provides some new elements and attributes, such as nav (website navigation block) and footer. This tag will help search engine indexing and better assist small screen devices and visually impaired people. In addition, it also provides new functionality for other browsing elements, such as audio and video tags. Let's learn with you how to use the new tags in HTML5.

Nov 29, 2017 am 10:07 AM

HTML5使用方法h5