search
HomeWeb Front-endH5 TutorialHTML5: The biggest leap forward in web standards_html5 tutorial tips


HTML5 is the biggest leap forward in web standards in the past decade. Unlike previous versions, HTML 5 is not just used to represent Web content. Its mission is to bring the Web into a mature application platform, where video, audio, images, animations, and interactions with computers are all be standardized. Although HTML 5 is still a long way off, HTML 5 is changing the web.
HTML 5
The most recent upgrade to HTML was HTML 4.01, released in December 1999. A lot has happened since then. The original browser wars are over, Netscape is gone, and IE5 is the winner and has since evolved into IE6 and IE7. Mozilla Firefox emerged from the ashes of Netscape and jumped into second place. Apple and Google each launched their own browsers, but Xiaojiabiyu's Opera is still buzzing and alive, and its mission is to promote Web standards. We even have a true web experience on phones and consoles, thanks to Opera, iPhone and, soon, Google's Android.
However, all this has only made the Web standards movement more chaotic. HTML 5 and other standards have been shelved. As a result, HTML 5 has always been shown in the form of a draft.
So, some companies joined together and established an organization called the Web Hypertext Application Technology Working Group (WHATWG), and they will pick up HTML 5 again. This organization is independent of the W3C and has members from Mozilla, the KHTML/Webkit project team, Google, Apple, Opera and Microsoft. Although the HTML 5 draft will not be approved in the short term, HTML 5 is finally here to stay.
What will HTML 5 bring? Here are the most exciting parts of the HTML 5 draft: A brand new, more reasonable tag. Multimedia objects will no longer be bound to object or embed tags. Instead, videos will have video tags, and audio will have audio tags. local database. This feature will embed a local SQL database to accelerate interactive search, caching and indexing functions. At the same time, those offline Web programs will also benefit greatly from this. Rich animations that don’t require plugins. The Canvas object will bring the browser the ability to draw vector graphics directly on it, which means that we can display graphics or animations directly in the browser without Flash and Silverlight. Some of the latest browsers, except IE, already support Canvas. A real program in the browser. APIs will be provided to enable in-browser editing, drag-and-drop, and various graphical user interface capabilities. Content modification tags will be removed and CSS will be used instead.
In theory, HTML 5 is the soil for cultivating new web standards, allowing various ideas to be shared among its organizers, but HTML 5 is still in the experimental stage.
Mike Shaver, vice president of technology at Mozilla, said that HTML 5 is a concept with high hopes. It is both the experimental field of the WHATWG organization and the standard path of the W3C.
Shaver believes that Mozilla's interest coincides with the WHATWG experiment. Mozilla is very active in the HTML 5 working group, and we are experimenting with some early details and submitting the mature results to the W3C.
In the past few years, Mozilla has launched multiple forward-looking projects as various new standards emerge, including Prism, a system for running web programs offline, and Weave, a data storage framework.
Shaver said the HTML 5 movement started out of impatience with the W3C, and that much progress in web standards was stalled by the W3C's shift in focus from HTML to XML.
Many new technologies based on XML architecture are designed to replace HTML. Shaver said that this is not the right path, and people should not break it and throw it away like a black blind man breaking a corn handle.
HTML 5’s new experiments are gradually being enhanced in Firefox and Webkit-based Safari and Chrome browsers, but there are still many problems.
Chrome developer Darin Fisher said that Chrome had to face several problems when it was still in its infancy. Although it was using the latest Webkit, the local database function of HTML 5 was not implemented in the early version of Chrome. Because Chrome's sandbox mechanism conflicts with Webkit's database functionality.
Since Chrome is developed secretly, it is inconvenient for Chrome developers to participate in the development of Webkit.
If we want to keep Chrome a secret, we can’t participate in the Webkit community. "We'd love to be able to help Webkit in some way," Fisher said. "We have a lot of experienced developers, and we'd love to know what challenges people are currently experiencing and be happy to help."
With the release of Chrome, Fisher said that his team members would sometimes have dinner with the Webkit people, and some of them became good friends in private. Fisher said they are eager to work with other Webkit development teams to solve the problem of offline databases.
Chrome also contains Google’s open source Gears technology, which is used to implement offline functions similar to HTML 5.
Gears can be seen as a replacement for existing APIs. Fisher said that HTML 5 is a very good thing for new browsers, but the vast majority of users still use old browsers. Gears can make such an API available to older browsers, and we are working on providing compatibility with the HTML 5 version of the API.
Gears compatibility is so good that it's becoming another way to bring HTML 5 to people's desktops.
Currently, most of the work is being carried out by Apple, Mozilla, Opera, Google and Trolltech. What is Microsoft doing? IE is known for its sluggishness towards web standards, let alone HTML 5. But IE8 may change that.
Chris Wilson, chairman of the Microsoft IE Platform and WHAT working group, said in an email that we hope that the work we are starting now can create a test system in the HTML working group. Wilson said the IE development team remains concerned about some of the HTML 5 proposals. I think all members of the working group will acknowledge that we still have a lot to do.
IE8, currently in beta version, already contains many new features of HTML 5. It has a cross-document messaging system, local storage, and some offline events to detect network outages. But there are some features that are not yet on the agenda, such as Canvas.
HTML 5 is very large and is still in the development stage. I think browser manufacturers should reach an agreement as soon as possible, and each browser can choose its own implementation time. Web developers and browser vendors will agree with Wilson that this is definitely an exciting time and we hope to see the Web become the new application platform.
International source of this article: http://www.webmonkey.com/blog/How_HTML_5_Is_Already_Changing_the_Web
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
Understanding H5: The Meaning and SignificanceUnderstanding H5: The Meaning and SignificanceMay 11, 2025 am 12:19 AM

H5 is HTML5, the fifth version of HTML. HTML5 improves the expressiveness and interactivity of web pages, introduces new features such as semantic tags, multimedia support, offline storage and Canvas drawing, and promotes the development of Web technology.

H5: Accessibility and Web Standards ComplianceH5: Accessibility and Web Standards ComplianceMay 10, 2025 am 12:21 AM

Accessibility and compliance with network standards are essential to the website. 1) Accessibility ensures that all users have equal access to the website, 2) Network standards follow to improve accessibility and consistency of the website, 3) Accessibility requires the use of semantic HTML, keyboard navigation, color contrast and alternative text, 4) Following these principles is not only a moral and legal requirement, but also amplifying user base.

What is the H5 tag in HTML?What is the H5 tag in HTML?May 09, 2025 am 12:11 AM

The H5 tag in HTML is a fifth-level title that is used to tag smaller titles or sub-titles. 1) The H5 tag helps refine content hierarchy and improve readability and SEO. 2) Combined with CSS, you can customize the style to enhance the visual effect. 3) Use H5 tags reasonably to avoid abuse and ensure the logical content structure.

H5 Code: A Beginner's Guide to Web StructureH5 Code: A Beginner's Guide to Web StructureMay 08, 2025 am 12:15 AM

The methods of building a website in HTML5 include: 1. Use semantic tags to define the web page structure, such as, , etc.; 2. Embed multimedia content, use and tags; 3. Apply advanced functions such as form verification and local storage. Through these steps, you can create a modern web page with clear structure and rich features.

H5 Code Structure: Organizing Content for ReadabilityH5 Code Structure: Organizing Content for ReadabilityMay 07, 2025 am 12:06 AM

A reasonable H5 code structure allows the page to stand out among a lot of content. 1) Use semantic labels such as, etc. to organize content to make the structure clear. 2) Control the rendering effect of pages on different devices through CSS layout such as Flexbox or Grid. 3) Implement responsive design to ensure that the page adapts to different screen sizes.

H5 vs. Older HTML Versions: A ComparisonH5 vs. Older HTML Versions: A ComparisonMay 06, 2025 am 12:09 AM

The main differences between HTML5 (H5) and older versions of HTML include: 1) H5 introduces semantic tags, 2) supports multimedia content, and 3) provides offline storage functions. H5 enhances the functionality and expressiveness of web pages through new tags and APIs, such as and tags, improving user experience and SEO effects, but need to pay attention to compatibility issues.

H5 vs. HTML5: Clarifying the Terminology and RelationshipH5 vs. HTML5: Clarifying the Terminology and RelationshipMay 05, 2025 am 12:02 AM

The difference between H5 and HTML5 is: 1) HTML5 is a web page standard that defines structure and content; 2) H5 is a mobile web application based on HTML5, suitable for rapid development and marketing.

HTML5 Features: The Core of H5HTML5 Features: The Core of H5May 04, 2025 am 12:05 AM

The core features of HTML5 include semantic tags, multimedia support, form enhancement, offline storage and local storage. 1. Semantic tags such as, improve code readability and SEO effect. 2. Multimedia support simplifies the process of embedding media content through and tags. 3. Form Enhancement introduces new input types and verification properties, simplifying form development. 4. Offline storage and local storage improve web page performance and user experience through ApplicationCache and localStorage.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

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

Hot Article

Hot Tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

mPDF

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),