What are the advantages of HTML5?

Have you not considered using HTML5 ? Of course I guess you may have your own reasons; it's not widely supported yet, it doesn't work in IE, or you just like to write stricter XHTML code. HTML5 is a major change in the world of web development. In fact, whether you like it or not, it represents the future trend. In fact, HTML5 is not difficult to understand and use. We can list here many reasons why you should start using HTML5 now. There are currently many articles introducing the use of HTML5 and introducing the advantages and benefits of using it. Yes, our article is similar. With more articles like this, and Apple's support, Adobe's product development around HTML5, and the death of mobile flash being supported by so many websites, I wanted to say something to those who still haven't or don't want to embrace it. I think the main reason is that it looks like a mysterious thing. A lot of it feels like a jetpack or a flying car. An unproven and extraordinary idea but impractical. But in fact it is now almost very practical. In order to decrypt HTML5 and help stubborn developers and designers, I have listed here several advantages of using HTML5. I hope it will be helpful to everyone! The tenth advantage: Ease of use Two reasons make it easier to create websites using HTML5: semantics and ARIA. New HTML tags like , , , , , etc., make it easier for readers to access content. In the past, even if you defined a class or ID, your readers had no way to understand what a given p was. Using the new semantic definition tags, you can better understand HTML documents and create a better user experience. The following are the new tags in HTML5: A, B, C, D,

hovertree.com/tiku/bjaf/7e7d6c5d.htm

ARIA is a W3C standard mainly used to specify "roles" for elements in HTML articles, and create important page topography through role attributes, such as , header, footer, navigation or aritcle are necessary. This was overlooked and not widely used because it was not actually verified. However, HTML5 will validate such attributes. At the same time, HTML5 will have these roles built-in and cannot be overridden. For more discussions on HTML5 and ARIA, please check here. Ninth advantage: video and audio support Forget flash and other third-party applications, let your video and audio access resources through the HTML5 tags and . Playing media correctly has always been a terrible thing, you need to use the and object > tags, and have to give them a bunch of parameters in order for them to play correctly. Your media tags will be very complex, a confusing amount of code. And the HTML5 video and audio tags basically treat them as image : . But what about other parameters like width and height or autoplay? Don’t worry, just define it like any other HTML tag: . Actually this process is very simple, however our old browsers may not like our HTML5, and you need to add more code to make them work correctly. But this code is still much simpler than and . The eighth advantage: Doctype Yes, it is doctype, there is no more content. Isn’t that a very simple answer? There is no need to copy and paste a bunch of incomprehensible code, and there are no redundant head tags. The best news is that, besides being simple, it works in every browser, even the infamous IE6.

What is the correct doctype for HTML5? A. B. C. Answer: hovertree.com/shortanswer/bjae/4glrlhj5.htm

The seventh reason: clearer code If you If you prefer simple, elegant, and easy-to-read code, HTML5 is definitely something tailor-made for you. HTML5 allows you to write simple, clear and descriptive code. Semantic coding allows you to separate style and content. Take a look at this typical simple header code with navigation: Header Text Link Link Link

Isn’t it very simple? But using HTML5 will make the code simpler and more meaningful: Header Text Link&lt ;/a> Link Link Using HTML5 you can finally solve your p and class definition problem by using semantic HTML header tags to describe content . Previously you needed to use p heavily to define each page content area, but with the new , , , , and tags, It's up to you to make your code clearer and easier to read. The sixth advantage: smarter storage The coolest feature in HTML5 is local storage. It's a bit like the fusion of the older technology cookie and client database. It is better to use than cooke because it supports multiple windows storage, it has better security and performance, and can be saved even after the browser is closed. Because it is a client-side database, you don’t have to worry about users deleting any cookies, and all major browsers support it. Local storage is good for many situations. It is one of the HTML5 tools that does not require third-party plug-ins. Being able to save data to the user's browser means you can easily create application features such as saving user information, caching data, and loading the user's last application state. The fifth advantage: better interaction We all like better interaction, and we all like dynamic websites that provide feedback to users so that users can enjoy the interactive process. Enter . HTML5's drawing tag allows you to do more interactions and animations, just like what we use Flash to achieve. In addition to , HTML5 also has many APIs that allow you to create better user experience and more dynamic web applications. Here is a list: Drag and Drop (DnD) Offline storage database Browser history management document editing Timed media playback The fourth advantage: game development That's right, you can use HTML5's to develop games. HTML5 provides a great, mobile-friendly way to develop fun and interactive games. If you develop Flash games, you'll love HTML5 game development. The third major advantage: legacy and cross-browser support Your modern popular browsers all support HTML5 (Chrome, Firefox, Safari, IE9 and Opera), and have created HTML5 doctypes for all browsers, Even very old and very disgusting browsers like IE6 can be used. But just because an older browser can recognize doctype doesn't mean it can handle HTML5 tags and functionality. Fortunately, HTML5 has made development easier and supports more browsers, so that older IE browsers can use the new elements by adding javascript code: The second advantage: Mobile, mobile, mobile Call it “intuition”, but I think mobile technology will become more prevalent. I know, there's some pretty wild speculation here, some of which you may have thought of too - Mobile is a fad! Mobile devices will take over the world. Greater acceptance of 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. With Adobe announcing that it will abandon mobile flash development, you will consider using HTML5 to develop webp applications. When mobile browsers fully support HTML5, developing mobile projects will be as easy as designing smaller touch displays. There are a number of meta tags that allow you to optimize for mobile: viewport: allows you to define viewport width and zoom settings; full screen browser: ISO specified value allows Apple devices to display in full screen mode; Home screen icons: just like the desktop collection, these icons can be used to add favorites to the homepage of IOS and Android mobile devices. The first advantage: It is the future, start using it! The biggest reason why you start using HTML5 today is because it is the future, don’t be left behind! HTML5 won't go in every direction, but more elements have been adopted by many companies and are starting to develop. HTML5 is actually more like HTML. It is not a new technology that you need to learn again! If you develop XHTML strict you are already developing HTML5 now. Why not enjoy the functions of HTML5 more completely? You actually have no excuse not to embrace HTML5. In fact the only reason I use HTML5 is because it makes writing code easier and clearer. I actually don't really use the other features. You can consider starting to write code in HTML5 now, it can help you change the way you write code and the way you design it. Start writing web applications using HTML5 code. Maybe your next mobile application or game application will be developed using HTML5!

【Related recommendations】

1. Free h5 online video tutorial

2. HTML5 full version manual

3. php.cn original html5 video tutorial