What is the difference between html and html5
Difference: 1. HTML’s document type declaration is long and complex, while HTML5’s document declaration is relatively simple, which is conducive to programmers’ quick reading and development; 2. HTML5 supports SVG, canvas and other virtual Vector graphics, but HTML does not support it; 3. HTML itself does not support audio and video, but HTML5 does, etc.
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
HTML
HTML is called Hypertext Markup Language, and most web pages are written in HTML code. HTML allows developers to determine exactly how multimedia, text, and hyperlinks are displayed in a web browser. In HTML, tags are used to define text structure; tags and elements are defined using the <> character, and the browser is primarily responsible for rendering web content through these tags. But over time, tags used to define document styles have almost been deprecated, as we have begun to prefer style sheets to add richness to web pages, and only content definition tags still form the core HTML.
HTML5
HTML5 is the fifth version of HTML. Many elements have been deleted or modified in HTML5.
Over time, HTML has seen many updates, and the latest version of HTML is currently HTML5. It is still a markup language, but it adds many features to raw HTML and removes some of the strictness present in XHTML. It greatly improves the user experience.
The difference between html and html5
1. The difference between document type declaration
In HTML 5, the Doctype declaration is very simple and easy to use. The Doctype declaration is in Too long and complex in HTML
The type declaration of HTML document is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
//或
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">The type declaration of HTML5 document is:
<!DOCTYPE html>
HTML5.0: Document declaration HTML5 It is easy to write and concise, which is helpful for programmers to read and develop quickly.
2. The difference between vector graphics
HTML5 supports SVG, canvas and other virtual vector graphics, while in HTML, it can only be combined with different technologies such as Flash and Silver-light. Vector graphics can only be used together.
3. The difference between audio and video support
If HTML does not use Flash player support, it does not support audio and video. HTML5 uses the
4. Differences in structural semantics
html: There are no tags that reflect structural semantics, such as:
html5: Added many semantic tags, such as:
Relative to HTML , some new and modified elements have been added in HTML5.
5. Syntax processing
HTML cannot handle inaccurate syntax; HTML5 can handle inaccurate syntax.
6. HTML5 adds new form controls, such as: date and time, email, number, range, phone, URL, search, etc.
7. The attributes of charset, async and ping are part of HTML 5. Attributes such as charset, async and ping do not exist in HTML.
8. Enhanced support for web application functions: HTML5 allows the browser to run as an application platform without using any JS or Flash based methods as all functionality is provided by the elements inherent in HTML5.
9. The newly added
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
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
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
How to restrict file types for an upload input in HTML
Aug 24, 2025 am 02:57 AM
Use the accept attribute to limit the upload type of HTML file, such as accept="image/*" only allows images, accept=".pdf" only allows PDF, accept=".doc,.docx,.pdf,.txt" allows multiple specified types, and can combine JavaScript to verify file types to improve user experience, but security verification must be performed on the server side, because the accept attribute is not secure and the browser supports are different, and it is only used to improve availability rather than replace server verification.
How to disable a form element in HTML
Aug 30, 2025 am 08:45 AM
To disable HTML form elements, you can use the disabled attribute, which can prevent user interaction and the element value will not be submitted with the form. This attribute is of a Boolean type and can be directly added to form element tags such as input, textarea, select, or button. For example, it can also be dynamically controlled through JavaScript, such as document.getElementById("myInput").disabled=true. If the element cannot be edited but the value is still submitted, you should use the readonly attribute. The disabled attribute is simple and effective and widely supported.
How to use the HTML5 contenteditable attribute
Aug 23, 2025 am 09:55 AM
ThecontenteditableattributemakesHTMLelementseditablebyaddingcontenteditable="true"toelementslikediv,p,orh1–h6.2.UseJavaScripttoretrievecontentviainnerHTMLforformattedtextortextContentforplaintext.3.Listenforchangesusingtheinputeventtocaptur
How to add a favicon to your website with HTML5
Aug 27, 2025 am 02:35 AM
To add a website favicon correctly, first prepare a 32×32 or 64×64 pixel .ico, .png or .svg format icon file and name it favicon.ico, etc., place it in the website root directory or a specified path, and then use a clear statement in the HTML tag. For example: It is recommended to support multiple formats and devices at the same time, such as adding PNG different size versions, SVG icons, and Apple touch icons. Finally, clear the cache and test whether it displays normally, to ensure that the path is correct and the file is accessible. The entire process requires attention to the file format, path and compatibility to avoid loading failure.
What is the importance of the alt attribute for images in HTML5?
Aug 27, 2025 am 02:29 AM
Thealtattributeisessentialforaccessibility,SEO,anduserexperience;1.Itenablesscreenreaderstodescribeimagestovisuallyimpairedusers,ensuringcontentcomprehension;2.Itdisplaysfallbacktextwhenimagesfailtoload,maintainingcontext;3.ItimprovesSEObyhelpingsear
What is ARIA in HTML for accessibility?
Aug 27, 2025 am 04:57 AM
ARIAisneededtoenhancewebaccessibilityfordynamiccontentandcustomUIcomponentsthatlacknativeHTMLsemantics.1)ARIArolesdefineanelement’spurpose(e.g.,role="dialog").2)ARIApropertiesdescribecharacteristics(e.g.,aria-label,aria-describedby).3)ARIAs
What is the placeholder attribute's purpose in HTML5?
Aug 31, 2025 am 06:58 AM
Theplaceholderattributeprovidesashorthintininputfieldsthatdisappearswhentypingbegins;1.Itisusedinandelementstoshowexampletextlike"Enteryouremail";2.Thehintisdisplayedonlywhenthefieldisemptyandstyledfaintlybybrowsers;3.Itdoesnotreplacetheele
How does Content Security Policy (CSP) work with HTML5?
Aug 30, 2025 am 01:29 AM
CSPenhancesHTML5securitybydefiningtrustedcontentsourcestopreventXSS,clickjacking,andcodeinjection.1.Itrestrictsinlinescriptsandstylesbyblockingthemunless'unsafe-inline',nonces,orhashesareused.2.Itcontrolsexternalresourcesviadirectiveslikescript-src,i
