10 key differences between HTML5 and HTML4
|
HTML5 is the next version of the HTML standard. More and more programmers are starting to use HTML5 to build websites. If you use both HTML4 and HTML5, you may find that building from scratch with HTML5 is much easier than migrating from HTML4 to HTML5. Although HTML5 does not completely overturn HTML4 and they still have many similarities, they also have some key differences. This article lists 10 key differences between them. 1. HTML5 standards are still being developed The first thing to note is that although HTML5 is very popular now, the HTML5 standard is still being developed and the standard is still changing. HTML4 is over 10 years old and nothing will change. 2. Simplified syntax HTML5 simplifies many subtle syntaxes, such as the doctype declaration, you only need to write <!doctype html>. HTML5 is compatible with HTML5 and XHTML1, but is not compatible with SGML. 3.<canvas> tag replaces Flash Flash has caused trouble for many Web developers. Playing Flash on a web page requires a lot of codes and plug-ins. The <canvas> tag allows developers to interact with users on the UI using just one tag. Although the <canvas> tag cannot realize all the functions of Flash at present, <canvas> will soon make Flash look old-fashioned, haha! 4. Add <header> and <footer> tags One of the principles of HTML5 design is to better reflect the semantics of the website, so tags such as <header> and <footer> are added to clearly indicate the structure of the web page. 5. Add <section> and <article> tags Similar to <header> and <footer>, <section> and <article> also help to clarify the structure of the web page and are more conducive to SEO. 6. Add <menu> and <figure> tags <menu> can be used to create traditional menus, as well as toolbars and context menus. The <figure> tag makes the layout of text and images on a web page more professional. 7. Add <audio> and <video> tags These two tags may be the two most useful tags in HTML5. As the name suggests, these two tags are used to play audio and video. 8. Brand new form HTML5 has made a lot of changes to the <form> and <forminput> tags, adding many new attributes and modifying many attributes. 9. Remove <b> and <font> tags I still don't understand this improvement. I don't think removing those two tags would improve the code much. The official explanation is that CSS should be used to replace these two tags. But I still think these two tags are very convenient for simple text. 10. Delete <frame>, <center>, <big> tags I can’t remember the last time I used these tags. The above article briefly discusses the 10 key differences between HTML5 and HTML4. This is all I have to share with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM. |
<<: Example code for implementing complex table headers in html table
>>: Vue3 gets the current routing address
Recommend
Implementation of VUE infinite level tree data structure display
Table of contents Component recursive call Using ...
9 code optimization tips to improve website usability that webmasters should pay attention to
1. Add alternative text to your logo This has two...
IIS 7.5 uses URL Rewrite module to achieve web page redirection
We all know that Apache can easily set rewrites f...
How to change the encoding of MySQL database to utf8mb4
The utf8mb4 encoding is a superset of the utf8 en...
Complete steps for Nginx proxy front-end and back-end separation projects with the same domain name
The front-end and back-end projects are separated...
MySQL controls the number of attempts to enter incorrect passwords
1. How to monitor MySQL deadlocks in production e...
Detailed explanation of the role and principle of key in Vue
Table of contents 1. Let’s start with the conclus...
Solution to the blank line in front of the utf8 encoded web page when it contains files
<br />The page uses UTF8 encoding, and the h...
Mysql method to copy a column of data in one table to a column in another table
mysql copy one table column to another table Some...
WeChat Mini Programs Achieve Seamless Scrolling
This article example shares the specific code for...
MySQL replication table details and example code
MySQL replication table detailed explanation If w...
The difference between this.$router and this.$route in Vue and the push() method
The official document states: By injecting the ro...
Detailed explanation of redundant and duplicate indexes in MySQL
MySQL allows you to create multiple indexes on th...
Example code of layim integrating right-click menu in JavaScript
Table of contents 1. Effect Demonstration 2. Impl...
How to reference external CSS files and iconfont in WeChat applet wxss
cause The way to import external files into a min...