Home Web Front-end H5 Tutorial 10 major differences between HTML4 and HTML5 besides similarities_html5 tutorial tips

10 major differences between HTML4 and HTML5 besides similarities_html5 tutorial tips

May 16, 2016 pm 03:50 PM
html5 the difference

HTML5 is the latest HTML standard. Sooner or later, all web programmers will find that they need to use this latest standard. Moreover, many people will feel that it is more difficult to redevelop a website with HTML5 than to develop a website. Migrating from HTML4 to HTML5 is much easier because there are significant differences between the two versions.

In fact, HTML5 does not make any major changes to HTML4. Many of them are similar.
However, there are some important differences you need to know. Listed below are some of the main differences between HTML4 and HTML5 (not all, it is impossible to list them all):

1. The HTML5 standard is still being developed
This first difference is obvious, but so important that I need to start with it. Maybe you've noticed that there's a lot of talk about how cool HTML5 is, but the reality is that HTML5 is an unfinished standard. HTML4 is already 10 years old, but the fact that it is still the current official standard has not changed.
On the other hand, HTML5 is still in its early stages, and future modifications will continue to appear. You must take this into consideration, because the newly added or modified web elements you use on your website will change every year, and you need to constantly update and upgrade your website, which is not what you want. This is why, for now, you're better off using HTML4 in production and only using HTML5 in experiments.

2. Simplified syntax
Simpler doctype declaration is one of the many new features in HTML5. Now you just write and that's it. The syntax of HTML5 is compatible with HTML4 and XHTML1, but not SGML.

3. A new tag that replaces Flash
For Web users, Flash is both a surprise and a pain. There are many web developers who are dissatisfied with the threat HTML5 poses to Flash. But for those of you who put up with bloated Flash videos that took years to load and run, the technology to generate videos with the new tag has arrived.
Currently, the tag does not provide all the functions that Flash has, but over time, Flash will be eliminated from the web. We'll have to wait and see, because many people don't agree with this view yet.

4. New

and
tags
HTML5 is designed to better depict the anatomy of a website. That’s why new tags like these
and
have emerged, which are specifically designed to mark these parts of a website.
When developing a website, you no longer need to use
tags to mark these parts of the web page.

5. The new
and
tags
Similar to the
and
tags, the new < introduced in HTML5 The section> and
tags allow developers to better label these areas on the page.
Presumably, in addition to making the code more organized, it can also improve SEO results and make it easier for search engines to analyze your pages.

6. New and
tags
The new tag can be used as a normal menu or in a toolbar and right-click menus, although these things are not commonly used on pages.
Similarly, the new
tag is a more professional way to manage text and images on a page. Of course, you can use style sheets to control text and images, but it's more appropriate to use this tag built into HTML5.

7. New
The new
Statement of this Website
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

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 Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to set password protection for export PDF on PS How to set password protection for export PDF on PS Apr 06, 2025 pm 04:45 PM

Export password-protected PDF in Photoshop: Open the image file. Click "File"&gt; "Export"&gt; "Export as PDF". Set the "Security" option and enter the same password twice. Click "Export" to generate a PDF file.

What Does H5 Refer To? Exploring the Context What Does H5 Refer To? Exploring the Context Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

Is h5 same as HTML5? Is h5 same as HTML5? Apr 08, 2025 am 12:16 AM

"h5" and "HTML5" are the same in most cases, but they may have different meanings in certain specific scenarios. 1. "HTML5" is a W3C-defined standard that contains new tags and APIs. 2. "h5" is usually the abbreviation of HTML5, but in mobile development, it may refer to a framework based on HTML5. Understanding these differences helps to use these terms accurately in your project.

The difference between H5 and mini-programs and APPs The difference between H5 and mini-programs and APPs Apr 06, 2025 am 10:42 AM

H5. The main difference between mini programs and APP is: technical architecture: H5 is based on web technology, and mini programs and APP are independent applications. Experience and functions: H5 is light and easy to use, with limited functions; mini programs are lightweight and have good interactiveness; APPs are powerful and have smooth experience. Compatibility: H5 is cross-platform compatible, applets and APPs are restricted by the platform. Development cost: H5 has low development cost, medium mini programs, and highest APP. Applicable scenarios: H5 is suitable for information display, applets are suitable for lightweight applications, and APPs are suitable for complex functions.

Why do you need to call Vue.use(VueRouter) in the index.js file under the router folder? Why do you need to call Vue.use(VueRouter) in the index.js file under the router folder? Apr 05, 2025 pm 01:03 PM

The necessity of registering VueRouter in the index.js file under the router folder When developing Vue applications, you often encounter problems with routing configuration. Special...

The Legacy of HTML5: Understanding H5 in the Present The Legacy of HTML5: Understanding H5 in the Present Apr 10, 2025 am 09:28 AM

HTML5hassignificantlytransformedwebdevelopmentbyintroducingsemanticelements,enhancingmultimediasupport,andimprovingperformance.1)ItmadewebsitesmoreaccessibleandSEO-friendlywithsemanticelementslike,,and.2)HTML5introducednativeandtags,eliminatingthenee

Is H5 a Shorthand for HTML5? Exploring the Details Is H5 a Shorthand for HTML5? Exploring the Details Apr 14, 2025 am 12:05 AM

H5 is not just the abbreviation of HTML5, it represents a wider modern web development technology ecosystem: 1. H5 includes HTML5, CSS3, JavaScript and related APIs and technologies; 2. It provides a richer, interactive and smooth user experience, and can run seamlessly on multiple devices; 3. Using the H5 technology stack, you can create responsive web pages and complex interactive functions.

H5 and HTML5: Commonly Used Terms in Web Development H5 and HTML5: Commonly Used Terms in Web Development Apr 13, 2025 am 12:01 AM

H5 and HTML5 refer to the same thing, namely HTML5. HTML5 is the fifth version of HTML, bringing new features such as semantic tags, multimedia support, canvas and graphics, offline storage and local storage, improving the expressiveness and interactivity of web pages.

See all articles