[Innovation of HTML 5: The beauty of structure]_html/css_WEB-ITnose

Foreword HTML 5 is like a revolution, which is going on vigorously in the post-Web2.0 era. There is no need for me to go into details here about what HTML 5 is. As for the innovation of HTML 5, according to my understanding, it can be summarized as a tag system with clear semantics, rich media support that simplifies complexity, magical local data storage technology, rich animation (canvas) that does not require plug-ins, and powerful API support. . In short, HTML 5 makes human-computer interaction more comfortable and user-friendly. The previous lack of support for rich media applications and native storage is no longer a pain point for browsers. Pushing the Web from a content platform to a standardized application platform and unifying the standards of various platform camps is the original intention of the HTML 5 revolution. In this article, I will introduce some ideas and explain one of the innovations of HTML 5: a clearer and simpler structure with clearer semantics. Starting from the "head", a standard XHTML header code should be like this:

前言 HTML 5如同一场革命，正在Web2.0后时代轰轰烈烈的进行着。 HTML 5是什么，无须我在这里赘述了。对于HTML 5的革新，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之，HTML 5让人机交互，人网交互变得更加舒适，贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛。将Web从内容平台推向标准化的应用平台，并一统各在平台阵营的标准，才是HTML 5革命的初衷。 本文，我就抛砖引玉，阐述HTML 5的革新之一：语义更明确简洁的结构。 从"头"说起 一个标准的XHTML头部代码应该是这样：

1. 
   
2. 
   
3. 
   
4. 
   

复制代码 　你能记住吗？你会去死记硬背吗？当然不会！我们只需要机械的复制粘贴即可。 再看看一个标准的HTML 5头部是如何的：

1. 
   
2. 
   
3. 
   
4. 
   

Copy code

Can you remember it? Will you memorize it by rote? Of course not! We just need to mechanically copy and paste. Let’s look at what a standard HTML 5 header looks like:

Read the full text