Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the difference between HTML5 and previous HTML4?

Shulou Source: shulou.com Published: 2022-06-03 07:48:39 11月15日 Update

This article shows you the difference between HTML5 and HTML4 before, the content is concise and easy to understand, absolutely can make you shine, through the detailed introduction of this article I hope you can gain something.

HTML5 is the next version of the HTML standard. While HTML5 doesn't completely upend HTML4, there are some differences. For the latest and most complete HTML5-HTML4 comparison information, please see http://dev.w3.org/html5/html4-differences/, which seems to be a little more. In this IE still exists in the world, HTML5 differences can be mastered some first, and so on after all support to study carefully is not too late.

1. simplified syntax

HTML5 simplifies a lot of subtle syntax, such as doctype declarations, you just need to write it. HTML 5 specifies UTF-8 encoding as follows

2. Tag Replacement Flash

Flash has caused a lot of Web developers trouble, and to play Flash on a web page requires a bunch of code and plug-ins. Tags enable developers to interact with users using only one tag.

3 Added many tags

One of the principles of HTML5 design is to better reflect the semantics of the site, so add and such tags, used to clearly indicate the structure of the page; add and tag, and also help to clarify the structure of the page, more conducive to SEO; add and tag, can be used to create traditional menus, can also be used for toolbars and context menus. Tags make the layout of web text and images more professional; new and tags, these two tags may be the two most useful tags in HTML5, and they are also very convenient to use, such as embedding videos in HTML5 pages.

The code is as follows:

Your browser does'nt support video embedding feature.

The same goes for audio and so on.

4. Brand new forms

HTML5 has made a lot of modifications to and tags, adding a lot of new attributes and modifying a lot of attributes. Details www.yisu.com/w3school/html5/html_5_form_attributes.htm

5. Delete and label,, , label

HTML5 supports different types of storage.

HTML5 supports local storage, which in previous versions was achieved through cookies. HTML5 native storage is fast and secure. And HTML5 has two different objects that can be used to store data, HTML5 stores and accesses data through JS:

localStorage for long-term storage of data without loss of data after browser closure

sessionStorage is only a data store for one session, and the stored data is automatically deleted after the browser is closed.

Overall, HTML5 has moved beyond markup languages, and more semantic tags will make HTML5 even more useful. Canvas+WEBGL and other technologies, to achieve plug-in-free animation and image, graphics processing capabilities; local storage, can achieve offline applications;websocket, a change to http pure pull model, to achieve the dream of data push;MathML, SVG, etc., support more rich render, etc., now for the understanding of HTML5 is only at the surface stage, will read more HTML5 books to increase knowledge.

What is the difference between HTML5 and HTML4 before that? Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserves, please pay attention to the industry information channel.

Tags: Tags storage data web pages support different two code content attributes developers skills plug-ins benefits browsers versions knowledge type structure menu Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Linux Shulou Technology MariaDB Shulou Tech Info