HTML5 is suitable for mobile application development.

HTML5 is suitable for mobile application development.
1. offline caching provides HTML5 Web Storage APIs for HTML5 mobile app development. They can be seen as enhanced cookies without data size restrictions, providing better elasticity and architecture, data can be written to the ROM of the local machine, and the data can be restored when the browser is closed again to reduce network traffic. At the same time, this function is regarded as an "operation record" in the background in another direction, without occupying any background resources, reducing the hardware pressure on the device and increasing the smoothness of operation. Online apps support downloading offline caches or not downloading offline caches while using them. Offline APPs must download offline caches before they can be used. In terms of image, cookies are stored in the phone number and menu. If you want to take out food, you have to check the traffic when it takes a long time; the offline cache stores food directly in the refrigerator and can be immediately eaten if you want to (of course, you can also make a reservation by phone if you want to eat the latest food ). Designers need to know when to allow users to download offline caches (pay attention to the differences between online and offline Apps ). 2. audio and video can be freely embedded. The multimedia format is more flexible. Native development is difficult to process the multimedia content of text and audio/video mixing. You need to split text, images, audios, and videos, parse the corresponding URL and process it in different ways. HTML5 is completely unrestricted in this respect and can be put together for processing. Designers need to know that it would be a wonderful thing if text and multimedia are mixed in the information presentation of news, Weibo, and social networking applications, instead of embedding webview, at least it is still difficult to implement the native method. 3. Geographic Positioning: Share locations anytime and anywhere to give full play to the positioning advantages of mobile devices and promote the development of LBS applications. GPS, Wi-Fi, and mobile phones can be used to make positioning more accurate and flexible. Geographic location positioning makes positioning and navigation no longer exclusive navigation software, and maps do not need to download a very large map package. It can be solved by caching, where to go, and more flexible. Designers need to know that there are more and more applications embedded with the LBS function, which is also one of the biggest advantages of mobile devices compared with the mobile PC. HTML5 can expand this advantage again, think about how to use it in your designed application! 4. canvas plotting, improve the drawing capability of the mobile platform. Use the Canvas API to easily draw hotspot images. Collect User Experience data. Support for moving, rotating, scaling, and other regular editing of images. Canvas-2D drawing functions support Canvas 3D-3D. the drawing function supports SVG-vector graph support designers should know, how do I move, rotate, or scale an image? That's too basic. We can draw small cases on our own. Think about how to use it! 5. html5 form elements and corresponding keyboards in the browser customized for mobile platforms: type purpose keyboard Text normal input content standard keyboard Tel phone number numeric keyboard Email address Text box with @ and.. com and. for example, the value selector within the specified range of the standard keyboard range in the Search box displayed on the top of the site, the typical display mode is the slide bar or turntable. You only need to declare <input type = "email"> to call different style keyboards, which is simple and convenient. The designer needs to know. Remember to tell the R & D colleagues when using it! 6. rich interaction methods support improving interaction capabilities: drag and Drop, undo history operations, select text, etc. Transition-Transform-deformation effects of the Transform component Animation-add movement and deformation to the Animation to support designers to know, HTML5 provides a rich set of interaction methods. As for the unavailability, it is your own business! 7. HTML5 features lower development and maintenance costs, smaller pages, and unnecessary user spending. Moreover, better performance can reduce power consumption and facilitate upgrades, you can use the latest version when you open it to avoid the trouble of downloading the upgrade package again. The offline cache is directly updated during use. Designers need to know what users want and what HTML5 can provide to users. 8. CSS3 visual designer's auxiliary tool CSS3 supports font embedding, layout, and the most impressive animation functions. Selector-more flexible Selector Webfonts-embedded font Layout-diverse typographical options Stlying radius gradient shadow-rounded corner, gradient, shadow Border background-Border background support using CSS3 for partial visual work, fast loading speed, saving code and images, and saving bandwidth for users. The designer needs to know that the method for drawing dozens of materials on an interface is too out. Please make CSS3 lazy. 9. in the past, due to the design of HTTP protocol and browser, real-time communication was quite limited in real-time interaction, so we could only use some techniques to "simulate" the real-time communication effect, however, HTML5 provides comprehensive real-time communication support. Designers need to know that real-time notifications are embedded in real-time communication and information content in applications. HTML5 can help you achieve this. 10. I don't know about archives and hardware support. Have you found that in new Web applications such as Gmail, you can drag files as email attachments? This is the Drag 'n' Drop and File APIs in the HTML5 File function. Designers need to know that there is a growing demand for data transmission in mobile apps, and the traditional path selection method is too cumbersome. Please try the HTML5 drag/drop upload function! 11. semantic networks allow computers to better understand the content of webpages, which can be of great help to search engine optimization (SEO) or recommendation systems. Designers need to know That HTML5 can make search faster and more accurate. 12. based on the current situation that iPhone/Android rapidly increases the market share, if you want to write applications on advanced smart phones in the future, if you choose to use Objective-C + CocoaTouch Framework to write iPhone/iPad applications, you can select Java + Android Framework to write Android applications. If you want to support both platforms, it is necessary to maintain two sets of code, which is a small and affordable maintenance cost for small services. HTML5 and CSS3 are used to write Web-based applications. To support both iPhone and Android, you almost only need to maintain a code (a few must be modified based on clients ), in addition, if other mobile devices support HTML5 browsers in the future, the same WebApp will have an additional support platform. Google's series of services use a lot of HTML5 cache, storage and database specifications to achieve the effect of offline access programs. Compared with desktop applications, mobile device network connections are less stable and sometimes no network can be used on mobile devices, with these technologies, users can continue to use your webapp even in a non-network environment. This shows that the main html5 service objects are still web applications and will not pose a threat to all app development. This is conducive to the use of different development methods for different types of applications and is more flexible.