Comment: HTML5 focuses on content and structure, but not on performance; HTML5 has simplified more statements and tags. Here is a simple example of HTML5, which you can refer to.
(1) Changes in concepts:HTML5 focuses on content and structure, but not on performance
<header>
<hgroup>Navigation-related data</hgroup>
</header>
<nav>Menu</nav>
<article>
<h1>Title: HTML5 Special Video Tutorial</h1>
(2) Statement and label:
HTML5 has simplified more declarations and tags, and has also made detailed provisions on compatibility, abolishing some elements and adding some elements.
Introduction to HTML5 tag syntax and new tags
1. Syntax tag:
(1) Tags of ending characters that are not allowed to be written: area, basebr, col, command, Embed, hr, img, input, keygen, link, meta, param, source, Track, wbr
(2) The tags of the ending characters can be omitted: li, dt, dd, p, rt, optgroup, option, Colgroup, thread, tbody, tr, td, th
(3) Tags that can be completely omitted: html, head, body, colgroup, tbody
2. Added tags:
<article> Tags to define an article
<aside> tags the sidebar that defines the content part of the page
<audio> tag defines audio content
<canvas> tag definition image
<command> tag defines a command button
<datalist> tag defines a drop-down list
<details> tag defines the details of an element
<dialog> tag defines a dialog box (session box)
<embed> tags define external interactive content or plug-in
<figure> tags define a set of media content and their titles <footer> tags define the bottom of a page or area
<header> tag defines the header of a page or area
<hgroup> tags the relevant information about a block in the definition file
<keygen> tag defines a generated key value in the form
<mark> Marks define tagged text
<meter> tag definition measurement within apredefinedrange
<nav> tag definition navigation link
<output> tag defines some output types
<progress> Tags the process of defining tasks
<rp> tag is used in Rubyannotations to tell browsers that do not support Ruby elements how to display them
<rt> Tag definition interpretation of rubyannotations
<ruby> tag defines rubyannotations.
<section> tag defines a region
<source> tag defines media resources
<time> tag defines a date/time
<video> tag defines a video
HTML5 simple example
<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>PHP100 Chinese website HTML5 topic</title>
<style type="text/css">
header,nav,article,footer {border:solid 1px #666;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:200px}
article{float:left;width:428px;height:200px}
footer{clear:both;width:500px}
</style>
<script type="text/javascript">
document.createElement('article');
document.createElement('nav');
document.createElement('header');
</script>
</head>
<body>
<header>
<hgroup>Navigation-related data</hgroup>
</header>
<nav>Menu</nav>
<article>
<h1>HTML5 special video tutorial</h1>
Release date: <time>09:00</time>
<time datetime="2013-2-10">Spring Festival</time>
<p>Test-related content</p>
</article>
<footer>
<address>Address</address>
</footer>
</body>
</html>