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.
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!

HTML and React can be seamlessly integrated through JSX to build an efficient user interface. 1) Embed HTML elements using JSX, 2) Optimize rendering performance using virtual DOM, 3) Manage and render HTML structures through componentization. This integration method is not only intuitive, but also improves application performance.

React efficiently renders data through state and props, and handles user events through the synthesis event system. 1) Use useState to manage state, such as the counter example. 2) Event processing is implemented by adding functions in JSX, such as button clicks. 3) The key attribute is required to render the list, such as the TodoList component. 4) For form processing, useState and e.preventDefault(), such as Form components.

React interacts with the server through HTTP requests to obtain, send, update and delete data. 1) User operation triggers events, 2) Initiate HTTP requests, 3) Process server responses, 4) Update component status and re-render.

React is a JavaScript library for building user interfaces that improves efficiency through component development and virtual DOM. 1. Components and JSX: Use JSX syntax to define components to enhance code intuitiveness and quality. 2. Virtual DOM and Rendering: Optimize rendering performance through virtual DOM and diff algorithms. 3. State management and Hooks: Hooks such as useState and useEffect simplify state management and side effects handling. 4. Example of usage: From basic forms to advanced global state management, use the ContextAPI. 5. Common errors and debugging: Avoid improper state management and component update problems, and use ReactDevTools to debug. 6. Performance optimization and optimality

Reactisafrontendlibrary,focusedonbuildinguserinterfaces.ItmanagesUIstateandupdatesefficientlyusingavirtualDOM,andinteractswithbackendservicesviaAPIsfordatahandling,butdoesnotprocessorstoredataitself.

React can be embedded in HTML to enhance or completely rewrite traditional HTML pages. 1) The basic steps to using React include adding a root div in HTML and rendering the React component via ReactDOM.render(). 2) More advanced applications include using useState to manage state and implement complex UI interactions such as counters and to-do lists. 3) Optimization and best practices include code segmentation, lazy loading and using React.memo and useMemo to improve performance. Through these methods, developers can leverage the power of React to build dynamic and responsive user interfaces.

React is a JavaScript library for building modern front-end applications. 1. It uses componentized and virtual DOM to optimize performance. 2. Components use JSX to define, state and attributes to manage data. 3. Hooks simplify life cycle management. 4. Use ContextAPI to manage global status. 5. Common errors require debugging status updates and life cycles. 6. Optimization techniques include Memoization, code splitting and virtual scrolling.

React's future will focus on the ultimate in component development, performance optimization and deep integration with other technology stacks. 1) React will further simplify the creation and management of components and promote the ultimate in component development. 2) Performance optimization will become the focus, especially in large applications. 3) React will be deeply integrated with technologies such as GraphQL and TypeScript to improve the development experience.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SublimeText3 Mac version
God-level code editing software (SublimeText3)

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

Dreamweaver CS6
Visual web development tools