Home >Web Front-end >Front-end Q&A >Are html5 and h5 the same concept?

Are html5 and h5 the same concept?

青灯夜游
青灯夜游Original
2021-03-04 14:04:145850browse

html5 and h5 are not the same concept. H5 does involve many specifications of HTML5. If you want to make an H5 page, you must make use of a lot of HTML5 content; but the two are only related, not equivalent. To sum up: H5 is a product term, while HTML5 is a technical term.

Are html5 and h5 the same concept?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html5 and h5 are not the same concept.

Note: H5 does not = HTML5

H5 is a product noun

HTML5 is A technical term

Regarding the criticism of the name H5 in many related questions on Zhihu, I just want to say: the pattern is broken, go to the stage to get the clothes

For example, if Someone tells you: "I want to make a website, H5."

Does he want you to use header, footer, nav, section and other tags?

Let you use Geolocation, localStorage, WebWorker and other APIs?

No, you can use HTML4 to achieve the functions they want.

Not to mention it has to be compatible with the old IE browser.

So young people, you must understand your customers’ needs carefully and don’t be obsessed with technology.

I am definitely not asking you to use a technology that is not compatible with all browsers.

So, H5 does not refer to HTML5, but something that looks cool on mobile terminals such as WeChat, can enhance the company's style, and blind visitors, even if there is no content. Something that is widely shared.

Once again, HTML5 is not a technology, but a standard.

Standards means: Student Guidelines Handbook. You can follow the guidelines, or even go beyond the guidelines and demand yourself more strictly, or you can not follow the guidelines, but you will be scolded by the teacher and disliked by your friends, and others will not want to play with you, just like IE6.

So do browser manufacturers such as HTML5 support these standards? It depends on their respective urine properties. Chrome, for example, not only supports many standards very well, but also actively improves in many areas beyond the standards and supports some draft parts of the standards. So in fact, we are either discussing the HTML5 standard as a theoretical group, or we are discussing the application of the HTML5 standard in a certain browser as a practical group. But in fact, when we talk about H5, we are not referring to the standard, nor the application of the standard, but a collection of strange concepts that have been created, so I am firmly opposed to this title.

In the past year, I have mainly relied on this thing to support my family (I don’t have a home). So I understand that when Party A calls and asks, "Do you know how to do H5 development?", I know that what they want is the kind of cool-looking small page that can be shared in Moments. They actually Taking it apart, the necessary things probably include the following technical points;

1. Page material preloading technology, you can use preloadJS in createJS. I haven't looked at the source code of preloadJS, but preloading is not a newer method in the HTML5 standard.

2. Music loading and playback technology can also be implemented by soundJS in createJS, and this part is indeed supported by the HTML5 standard. In the previous era, there was no such label as audio.

3. Most of the pages that can be slid use the Jquery plug-in swiper.js, and some are handwritten swipe. The poorer handwritten version of the page will not slide with the hand. Four of them, such as touchstart, A touch series of events are events in the HTML5 standard.

4. It can be smeared and erased, mostly canvas overlay. Canvas is a tag in the HTML5 standard and represents advanced productivity.

5. There are dynamic texts and pictures. It is common to use css3 or directly use js animation. Many times it is mentioned that HTML5 will probably come with CSS3, and the grading of CSS is another issue. In different project standards, CSS will be graded independently. There should be no such thing as CSS4 in the future, so you don’t need to. I'm worried that C4 will appear again after H5 (but I really want to use C4 to kill those who talk about H5 every day).

6. You can fill in the form to register. This is the most basic form and something that has been around since the beginning of the web.

7. It can support sharing of customized copywriting and pictures. This uses WeChat’s jssdk and has nothing to do with the HTML standard.

8. There are others I will add as I think of them.

So when we talk about H5, it is actually a solution, a solution for a cool-looking mobile onepage website. This solution not only includes the new audio tags, canvas, drag-and-drop features, local storage, and websocket communication in HTML5, but also includes the box model, including absolute positioning, and all basic front-end knowledge.

A junior came to me and asked me, senior, I want to learn H5, where should I start?

I said that the new features of HTML5 can be found on W3C.

The junior student said, no, what I want to learn is H5 and I want to make H5 pages.

So I guessed that he was referring to the cool little page discussed above. I said, then you need to learn HTML first, including the new standard of HTML5 and all previous standards, and then learn CSS and With CSS3, you need to understand their implementation in browsers. You only need to know a little bit about native JS. You can use Jquery for most operations. If you understand the usage of several commonly used Jquery plug-ins, it should be almost the same. If you want to do something cooler, it would be better to learn egret or cocos2d. If you want to optimize the loading speed, you also need to learn automated tools such as grunt. There are many pitfalls in WeChat's SDK. At least you need to know a little bit about back-end languages ​​such as nodejs or php.

The junior student said, isn’t this the front end? I just want to learn H5.

So you see, when we cannot agree on the connotation of a concept, we have no idea what each other is talking about. "H5" is supposed to be a collection of technologies, but it is understood to be a technology, and it has become a concept that can be described qualitatively rather than quantitatively. For marketing, we only need to say whether we can do H5 or not, this qualitative description is enough. But for technology, this is a quantitative matter. We can only say yes to a specific technical item, but we cannot say yes to this non-existent concept. For example, I met a Party A who said that we had found someone to do H5 before, and he did a pretty good job, but he said he couldn't do it in this case. I don't understand, is there such a big difference between H5 and H5? I could only smile and tell him that the world is so big and there are all kinds of H5s.

This is why I am opposed to H5, because this term is seriously inconsistent with the connotation it represents, which makes it difficult for us to communicate, causes misunderstandings between marketers and technical people, and makes trainers who fish in troubled waters earn money. The endless supply of technology prevents newcomers from learning technology in a down-to-earth manner.

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of Are html5 and h5 the same concept?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn