First, what is HTML
Before you get to know HTML5, the first thing to say is the HTML language, although it's updated 5, but many places still retain the advantage of HTML.
HTML is an abbreviation for the Hypertext Markup Language Hypertext Markup Language, an application under the standard Universal Markup Language, and a specification, a standard that marks individual parts of the page to be displayed by means of marker symbols. From the advent of the first edition to the present, HTML has undergone 5 revisions, from HTML 2.0 to HTML 5,html with its own advantages to prove its advantage in the site, so that the replacement of the ancient C language programming to structure some of the site.
HTML has the following features:1, Simplicity: Super Text Markup language version of the upgrade to use the super-set method, thus more flexible and convenient.
2, Extensibility: The wide application of Super Text markup language has brought about the enhancement function, increases the identifier and so on the request, the Super Text markup language takes the subclass element the way, brings the guarantee to the system expansion. 3, platform independence: Although the personal computer, but the use of other machines such as Mac, Super Text Markup language can be used on a wide range of platforms, which is another reason for the prevalence of the World Wide Web (WWW). 4, Versatility: In addition, HTML is the common language of the network, a simple, universal markup language. It allows web-makers to create complex pages of text and images that can be browsed by anyone else on the web, regardless of the type of computer or browser used.
second, what is HTML5
HTML5 is the fifth update of the HTML (Hypertext Markup Language) product, which is an interpreted language with a file with an extension of. htm or. html, a product that is jointly developed by many vendors, and is said to be available in the 2022 Standard Edition. Although still in continuous improvement, but new features, new features, not only can save the time and cycle of web developers, but also improve the user experience, better for the developer service.
In the age of HTML, the full screen is the DIV element, the structure is chaotic, difficult to read, the code is bloated. In HTML5, a number of semantic layout tags, such as nav,header,footer,article, have been added to make the layout of the page structure clear. Also new audio, video, graphics, graphics, animation and other functions, in the past, these are to be done with Flash. The new features of HTML5 can be used to make a lot of cool effects.
three, HTML5 characteristics
1. Semantic characteristics (class:semantic)HTML5 gives the web a better sense and structure. Richer labels will build a data-driven web that is more valuable to programs and users, with support for RDFA, micro-data, and micro-formats.
2. Local Storage features (Class:offline & STORAGE)Web apps based on HTML5 have shorter start-up times, faster networking speeds, all thanks to the HTML5 APP Cache and local storage capabilities. Indexed DB (one of the most important technologies for HTML5 local storage) and API documentation.
3. Device compatibility features (Class:device ACCESS)Since the release of the API documentation for the geolocation feature, HTML5 has provided more functional optimization options for Web application developers, with the added benefit of more experience features. HTML5 provides unprecedented access to data and applications to open interfaces. Allows external applications to directly connect to the data inside the browser, such as video and audio directly linked to the microphones and camera.
4. Connection characteristics (class:connectivity)More efficient Connection productivity enables page-based live chat, faster web game experience, and more optimized online communication. HTML5 has more efficient server push technology, Server-sent event and WebSockets are among the two features that can help us implement the server's ability to "push" data to the client.
5. Web Multimedia features (Class:multimedia)Support the web-side audio, video and other multimedia functions, and the site's own apps, cameras, audio and video features complement each other.
6, three-dimensional, graphics and special effects features (class:3d, graphics & effects)Based on the 3D capabilities of SVG, Canvas, WebGL and CSS3, users will marvel at the amazing visuals that appear in the browser. 7, Performance and integration features (class:performance & Integration) No user will always wait for your loading--html5 will be through XMLHTTPREQUEST2 and other technologies, solve the previous cross-domain problems, Help your Web apps and websites work faster in a variety of environments. 8, CSS3 characteristics (CLASS:CSS3) without sacrificing performance and semantic structure of the premise, CSS3 provides more style and more powerful effect. In addition, the Web's Open font format (WOFF) provides greater flexibility and control than previous Web typography.
Iv. What are the advantages of HTML5?1, cross-platform in HTML5 before the arrival, due to the diversity of the platform, resulting in each development of a set of products, it is necessary to develop multiple sets of versions for different platforms, consuming a lot of time and energy, but also increased a lot of development costs, and HTML5 technology appears to be a good solution to this problem, Developers can easily implement multiple platforms by using a set of programs, reduce the development difficulty, save development time and cost of investment.
2, Instant update
Before the native application on-line AppStore, all need to wait for a long audit time, once the problem needs to be updated, but also to re-audit, virtually wasted a lot of time. And HTML5 is loaded through the browser, so there is no such problem, if there is any problem, you can update the online timely, do not need to wait for the audit time.
3, offline cache functionThe coolest feature in HTML5 is the offline cache. JavaScript provides several different offline storage capabilities, better resiliency and architecture than traditional cookies, and the ability to store more content. It has better security and performance, and can be saved even when the browser is closed.
4, video and audio supportIt's been a pain in the developer's way to get your video and audio through HTML5 tags and access to resources when it comes to playing media functions. And for them to play correctly must be given a lot of parameters. This way you'll have to repeat the tag, and your code will become cumbersome. Now, it's all going to be very simple.
5, clear codeHTML5 allows you to write simple and clear code. With HTML5 you can finally solve your div and its class definition problem by using the semantics of the HTML header tag description. Make your code clearer and easier to understand.
6. Use HTML5 now
So far, the mainstream web browser Firefox5, Chrome 12 and Safari 5 have supported many HTML5 standards, and the latest version of IE also supports many HTML5 standards, as users upgrade to the new version of the browser, Developers should now be able to recruit development! Compatibility issues will become less and fewer over time. But for websites that have to take care of lower-version users, there are a number of relevant solutions on the Web.
Shanghai front-end trainingEditing, more front-end articles recommended:
《"Shanghai Front-end training" using HTML+CSS+JS to implement calendars and timers》；
《HTML5 front end How to implement text border shadows》；
《4 ways to implement HTML5 mobile page Adaptive mobile screen》
What is HTML? What is HTML5? What are the advantages and characteristics of HTML5?
