At present, there are many articles that describe HTML5 and introduce its advantages and benefits. With more such articles, Apple's support, Adobe's HTML5 product development, and the death of mobile flash, the support of so many websites, I want to say something to those who still don't or don't want to accept it. I think the main reason is that it looks like a mysterious thing. Many of them feel like a jet bag or a flying car. An unverified, extraordinary idea, but not practical. But in fact, it is very practical now. In order to decrypt HTML5 and help stubborn developers, I have listed several advantages of using html5. I hope this will help you!
I. It is the future. Let's get started!The biggest reason is that you are starting to use HTML5 today because it is the future and should not be left behind! HTML5 will not develop in every direction, but more elements have been adopted by many companies and started development. HTML5 is actually more like HTML. It is not a new technology that requires you to learn again! If you develop XHTML strict, you are now developing HTML5. Why is HTML5 not fully available? You actually have no excuse not to accept HTML5. In fact, the only reason why I use HTML5 is that the code is simple and clear. I have not actually used other features. Now you can consider using HTML5 to write code. It helps you change the way code is written and the way it is designed. Start to write Web applications with HTML5 code. Maybe the next mobile application or game application is developed with html5!
2. Move, move, or moveYou can call it intuition, but I think mobile technology will become more popular. I know, there are some crazy guesses here, and some may also come to your mind-mobile is a fashion! Mobile devices will occupy the world. More mobile devices will grow rapidly. This means that more users will choose to use mobile devices to access websites or web applications. HTML5 is the most mobile development tool. As Adobe announces that it has abandoned mobile flash development, you will consider using HTML5 to develop webp applications. When mobile browsers fully support HTML5, developing mobile projects will be as simple as designing smaller touch displays. There are many meta labels that allow you to optimize the Movement: viewport: allows you to define the viewport width and scaling settings; full-screen Browser: ISO specified values allow Apple devices to display in full-screen mode; home screen icons: Just like a desktop favorites, these icons can be used to add a favorite to the home page of iOS and Android mobile devices.
Iii. Legacy and cross-browser supportYour modern popular browsers support HTML5 (chrome, Firefox, Safari, ie9 and opera), and have created all browsers such as HTML5 doctype, it can be used even if it is very old and very annoying for browsers like ie6. However, because the old browser can recognize doctype, it does not mean that it can process HTML5 labels and functions. Fortunately, HTML5 makes development easier and supports more browsers, so that the old IE browser can use new elements by adding JavaScript code: <! -- [If lt ie 9]> <SCRIPT src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </SCRIPT> <! [Endif] -->
4. Game DevelopmentYou can use HTML5 <canvas> to develop games. HTML5 provides a great mobile-friendly way to develop interesting interactive games. If you develop Flash games, you will enjoy HTML5 game development. Script-tutorials currently provides four non-part HTML5 game development tutorials. Here, let's take a look at the interesting games they developed: HTML5 gaming development Lesson onehtml5 gaming development Lesson twohtml5 gaming development Lesson threehtml5 gaming development Lesson Four
5. Better interactionWe all like better interaction, and we like dynamic websites with feedback from users. Users can enjoy the interaction process. Input <canvas>, HTML5 drawing Labels allow you to make more interactions and animations, just like what we achieved with flash. In addition to <canvas>, HTML5 also has many APIs that allow you to create better user experience and more dynamic web applications. There is a list: Drag and Drop (DND) offline storage databasebrowser history managementdocument editingtimed Media Playback
6. Smarter StorageThe coolest feature in HTML5 is local storage. One thing is the integration of old technology cookies and client databases. It is easier to use than Coke because it supports multiple Windows Storage and has better security and performance. It can be saved even after the browser is closed. Because it is a client database, you don't have to worry about deleting any cookies, and all mainstream browsers support them. Local Storage is good in many cases. It is implemented by a third-party plug-in HTML5 tools. You can easily create some application features, such as saving user information, caching data, and loading the user's last application status.
7. Clearer codeIf you have a preference for simple, elegant, and easy-to-read code, HTML5 is definitely something tailored for you. HTML5 allows you to write simple, clear, and descriptive code. Semantic-compliant code allows you to separate styles and content. Take a look at this typical simple heaer code with navigation: <Div id = "Header"> <Ul> <Li> <a href = "#"> link </a> </LI> <Li> <a href = "#"> link </a> </LI> <Li> <a href = "#"> link </a> </LI> </Ul> </div>Is it easy? However, HTML5 makes the code simpler and more meaningful: <Ul> <Li> <a href = "#"> link </a> </LI> <Li> <a href = "#"> link </a> </LI> <Li> <a href = "#"> link </a> </LI> </Ul> </nav> 8: doctypeThat's right. It's doctype. There's no more. Is it a simple answer? There is no need to copy and paste a bunch of unintelligible code, and there are no additional head labels. The biggest good news is that in addition to simplicity, it can work properly in every browser, even the notorious IE6.
9. Video and audio supportForget Flash and other third-party applications to allow your video and audio to access resources through HTML5 tags <video> and <audio>. Correct playing of media has always been a terrible thing. You need to use the <embed> and <Object> tags and assign a lot of parameters to them for proper playing. Your media tags will be very complex and confusing. In addition, HTML5 video and audio tags basically regard them as images: <video src = "/>. But what about other parameters, such as width and height, or automatic playback? Don't worry, just define it like other HTML tags: <video src = "url" width = "640px" Height = "380px" autoplay/>. In fact, this process is very simple. However, our old browsers may not like HTML5. You need to add more code to make them work correctly. However, this code is much simpler than <embed> and <Object>.
10. ease of useThese two reasons make it easier to create a website using HTML5: semantics and Its Aria. New HTML tags such as
