Let’s talk about what exactly HTML5 is?

In this article, W3C Mike Smith, a member of the Browser Technology Core Standards Working Group, talks about what HTML5 is and gives some insights Useful resources for developers to keep up with evolving standards.

We are in the process of update of the Web platform. HTML5 is often used to describe this process, although the technology in the iteration is not limited to the features defined by the HTML5 standard.

I use the term "Web platform" (Web platformform) to refer to a series of protocols, formats, and APIs that can be supported by web browsers. Developers use these features to build new applications that support social interactions and take advantage of device capabilities, such as the camera, microphone, and GPS capabilities. HTTP, TLS, and WebSockets are some of the protocols in the Web platform; HTML, CSS, and Javascript are some examples of Web platform formats. APIs in the Web Platform include the Geolocation API and APIs for

Eventually, if a feature is widely implemented and developers use it frequently to create a stable user experience, then this feature becomes part of the Web Platform. The World Wide Web Consortium (W3C) plays an important role in bringing stakeholders together to develop some free standards and create supporting resources such as test sets and verification procedures.

Standards are very useful as a shared protocol, but the Web platform includes a large number of technologies of varying maturity, and these technologies are not all standardized. When developers use these technologies, they will encounter some practical problems, including:

• How do I reduce special-case code?

• Which code is now stable enough for me to use?

• What do I do for those users who don't have the latest browser?

The answers to these questions have changed over time, so developers have developed practical solutions such as fallbacks and "polyfills" (which will be explained further later). The solution makes content available in older browsers as well as the latest browsers. In this article, I don't focus on the status of the HTML5 standard, but rather explore some useful resources that are available to help developers get started using today's Open Web Platform technology. These resources illustrate the "principles and how-to's" of using HTML5, complement the standard, and ultimately speed deployment.

              platform.html5.org

                                                                  ‐                                     ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ 1 ) can be used? I edit a website, platform.html5.org, that lets you learn about the latest technologies that make up the web platform. (It's powered by the github repository, and I highly encourage you to help maintain the site by just forking the repo and sending update requests).

This site categorizes technologies such as Drawing and typesetting, Multimedia, and storage. The icons on the site represent the maturity of each technology. A small green flag indicates that a feature is available. A yellow lightning bolt means "use with caution." However, these are only rough indications; to really understand these features, you'll need to click on some helpful links below, like this:

• HTML5 Please

• When Can I Use…

• MDN (Mozilla Developer Network)

In particular, the HTML5 Please site deserves further comment. It was created by the H5BP developer collective (the developer group behind HTML5 Boilerplate). It lists features by name and provides a high-level description of each feature's maturity. It also displays a status panel that displays status information for each feature (use/caution/avoid). In some cases, the "caution" and "use" keywords are appended with "with fallback" or "with polyfill". In the case of "with fallback", you can expand the panel to see exactly how fallback is provided for the feature.

A polyfill refers to a piece of Javascript code that serves as a shim of a feature; that is, it simulates a future API that provides fallback functionality for older browsers.

HTML5 Please’s site managers make it easy for anyone to contribute to the site by providing an “Edit this info” link on every panel. Allows you to create a copy of a page's content and submit it to the site. (This mechanism is supported by a github repository, and anyone's modifications to the content will be submitted as pull requests). The maintainers of this site will review and consolidate content.

Sometimes you want to see more detailed status information than what HTML5 Please provides. For example, you might want to know exactly which browsers support a particular browser and which versions of each browser support it, or to what extent features are supported in mobile browsers and the OS versions of those browsers What is it. At this point, you need to check out the When Can I Use… site.

When Can I Use is maintained by Alexis Deveria. He follows the status of numerous features and updates the site when new versions of the browser are released. If there's a feature you'd like to know about but isn't already on the When Can I Use site, you can suggest it be added.

Now every feature recorded on WHEN Can I used has a table. There is a column in the table as the mainstream desktop browser (IE, Firefox, Chrome, Safari, and Opera). Browsers (iOS Safari, Opera Mini, Opera Mobile and Android Browser), each line is the version number of each browser. As with other sites, support for a feature is color-coded for each specific browser version (support/partial (partial support), support/no (not supported), support/unknown (not sure whether it is supported)).

For example, take a look at how supported CSS Counters are. A table full of green entries indicates that the feature is well supported. Other features that are not well supported are highlighted in red.

                                                                                                      Each feature table in the When Can I Use site provides a “see-also” link to the table of related features, as well as links to third-party sites that provide those features. usage information to teach you how to use these features for development.

MDN (Mozilla Developer Network) is a site with links to platform.html5.org and When Can I Use. Think of MDN as a guide to "how can I use" features. For example, if you want to implement Web Workers and need some code examples and links to resources with detailed information, MDN has a page about Using Web Workers that can be very helpful for getting started.

Like HTML5 Please, When Can I Use and platform.html5.org, MDN also welcomes contributions and makes the process faster and easier than other sites: the entire site is a wiki, so once Once you create an account, you can edit any page.

# (Test Suites)

# For the maturity of a characteristic, there is no way to have a complete test set. You can run the test suite yourself and analyze the results. There is no centralized library for the Web platform, nor is there a single place where you can see all the results, but the W3C has begun work on building a shared testing framework site, as has the W3C CSS Working Group Building a testing framework site for CSS.

These sites allow you to browse the results of different test sets for each browser and each browser version. You can also run the test suite in your own browser and submit the results to be integrated into the framework results database. For example, CSS's multi-column layout module tests the resulting data, or a launch page that lets you run your own test suite in the browser.

# Conclusion

# The site mentioned earlier can help you follow up with the new Web platform. I hope that as the platform matures and more people share their code and experiences, more useful sites will emerge. I'd love for you to use the sites I mentioned and submit your own findings to them so that high-quality, up-to-date information about the Web platform can be shared with everyone.

【Related recommendations】

1. Free h5 online video tutorial

2. HTML5 full version manual

3. php.cn original html5 video tutorial

The above is the detailed content of Let’s talk about what exactly HTML5 is?. For more information, please follow other related articles on the PHP Chinese website!