tags, through a standard interface.
Let’s take a look at some of the new tag usage provided by HTML 5 and the differences from HTML.
tag defines external content. For example, a new article from an external news provider, or text from a blog, or text from a forum. Or content from other external sources.
The tag defines content other than article. The content of aside should be related to the content of article.Aside content is independent content, but should be related to the document content. The content of Aside is independent content, but should be related to the document content.
tag defines a sound, such as music or other audio stream.Your browser does not support the audio tag.
tag defines graphics, such as charts and other images. This HTML element is designed for client-side vector graphics. It has no behavior of its own, but exposes a drawing API to client JavaScript so that the script can draw whatever it wants to a canvas.
tag defines command buttons, such as radio buttons, check boxes, or buttons.
The label defines a list of optional data. Used in conjunction with the input element , you can create a drop-down list of input values.
Tag definition element details, user Can be viewed, or clicked to hide. Used with to make a title for the detail that is visible to the user and opens or closes the detail when clicked on. ;details>
tag defines embedded content, such as plug-ins. ##HTML5: HTML4: tag defines the title of the figure element. The "figcaption" element should be placed as the first or last child element of the "figure" element.
HTML5: PRC
HTML4: none
tag is used to combine elements. Use the element to add a caption to a group of elements.PRC The People's Republic of China was born in 1949...
PRC The People's Republic of China was born in 1949...
Tag Definition The footer of a section or document. Typically, it will contain the name of the author, the date the document was created, and/or contact information.
tag defines the header of a section or document.
tag is used to mark a web page or section. Titles are combined.
tag defines the generated key.
It is mainly used to visually present text that needs to be highlighted to the user. A typical application of the tag is to highlight search keywords to users in search results.
tag defines weights and measures. Use only for measurements with known maximum and minimum values. The range of the measure must be defined, either in the element's text or in the min/max attributes.
The tag defines the part of the navigation link.
tag defines different types of output, such as script output.
The process in which the tag is running. You can use the tag to display the progress of time-consuming functions in JavaScript.
tag is used in ruby comments to define content displayed by browsers that do not support ruby elements .汉( ㄏㄢˋ)
The tag defines the interpretation or pronunciation of the character (Chinese phonetic phonetic or character).汉 ㄏㄢˋ
Tag definition ruby comment (Chinese phonetic notation) or characters).汉( ㄏㄢˋ)
tag defines a section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document.
tag defines media resources for media elements such as and .
The tag contains the title of the details element. The "details" element is used to describe detailed information about the document or document fragment. . The "summary" element should be the first child of the "details" element.HTML 5 This document teaches you everything you have to learn about HTML 5.
< ;time> tag defines date or time, or both.
tag defines a video, such as a movie clip or other video stream.Your browser does not support the video tag.
Removed elements
The following HTML 4.01 elements have been removed in HTML5:
<![CDATA[</p>
<p><strike></p>
<p><tt></p>
<p><br></p>
</div>
</div>
<a class="course-btn course_code_header_next" href="//m.sbmmt.com">Continuing Learning</a>
</div>
<div class="layui-col-md6 editor-box">
<div id="code_spread_shrink">
<div id="code_spread_shrink_show" unselectable="on">
<span>||</span>
</div>
</div>
<div class="editor-tab js-editor-tab">
<div class="editor-left icon-left editor-op"></div>
<div class="editor-view">
<ul class="clearfix" id="J_TabType" style="width: 120px; margin-left: 0px;">
<li class="ui-tabs-active"><a href="javascript:;">new file</a></li>
</ul>
</div>
<div class="editor-right icon-right editor-op"></div>
</div>
<div id="editor-tabs-html" data-filename="index.html" data-lang="php" style="font-size: 16px;height:600px">
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <!-- 观察新标签与原来的标签的区别 --> <article> <header> <hgroup> <h1>这是一篇介绍HTML5新标签的文章</h1> <h2>HTML5的革新</h2> </hgroup> <time datetime="2016-03-20">2016.03.20</time> </header> <p>文章内容详情</p> </article> <nav> <ul> <li>咖啡</li> <li>绿茶</li> <li>饮料</li> </ul> </nav> </body> </html>
</div>
<div class="editor-btn">
<div class="editor-btn-inner">
<a href="javascript:;" class="code-btn-submit" id="J_Commit" title="submit">submit</a>
<a href="javascript:;" class="code-btn-reset " id="J_EditorReset" title="Reset Code">Reset Code</a>
<div class="aotorun" style="display: block;">
<input type="checkbox" id="aotoruncheck" title="If selected, modifying the code will automatically take effect. If unchecked, submission is required to take effect">
<label for="aotoruncheck" title="If selected, modifying the code will automatically take effect. If unchecked, submission is required to take effect">Automatic operation</label>
</div>
</div>
</div>
</div>
<div class="layui-col-md3" id="viewPort-content"></div>
<!-- 右侧章节列表 -->
</div>
</div>
<div class="phpSyyBox">
<div class="phpSyyLeft">
<div class="phpSyySyj">
<span class="right"><a href="//m.sbmmt.com/code/769.html" title="Previous section"><b class="icon3"></b>Previous section</a></span>
<em></em>
<span class="right"><a href="//m.sbmmt.com/code/777.html" title="Next Section"><b class="icon2"></b>Next Section</a></span>
</div>
<div class="phpSyyQhlx">
<a href="//m.sbmmt.com/course.html" target="_blank" title="Tutorial List"><b></b>Tutorial List</a>
</div>
<div class="phpSyyHqbz">
<a href="//m.sbmmt.com/wenda.html" target="_blank" title="get help"><b></b>get help</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="layui-main">
<div class="layui-row">
<div class="layui-col-md9">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<ul class="layui-tab-title">
<li class="layui-this">Course Recommendations</li>
<li id="code_down_li">Courseware download</li>
</ul>
<div class="layui-tab-content">
<!--推荐课程-->
<div class="layui-tab-item layui-show">
<ul class="diy-vodeo diy-li-left php-video-ul">
<li><a href="//m.sbmmt.com/course/1496.html" title=""><img alt="Front-end Vue3 actual combat [handwritten vue project]" src="https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>Front-end Vue3 actual combat [handwritten vue project]</h3>
</div>
<div class="php-course-bottom">
<span class="l">2857 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1495.html" title=""><img alt="APIPOST tutorial [Popularization of technical concepts related to network communication]" src="https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>APIPOST tutorial [Popularization of technical concepts related to network communication]</h3>
</div>
<div class="php-course-bottom">
<span class="l">1795 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1494.html" title=""><img alt="Issue 22_Comprehensive actual combat" src="https://img.php.cn/upload/course/000/000/068/6396fa7cacf3b832.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>Issue 22_Comprehensive actual combat</h3>
</div>
<div class="php-course-bottom">
<span class="l">5521 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1493.html" title=""><img alt="Issue 22_PHP Programming" src="https://img.php.cn/upload/course/000/000/068/6396fa6f383ca123.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>Issue 22_PHP Programming</h3>
</div>
<div class="php-course-bottom">
<span class="l">5172 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1492.html" title=""><img alt="Issue 22_Front-end development" src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>Issue 22_Front-end development</h3>
</div>
<div class="php-course-bottom">
<span class="l">8713 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1491.html" title=""><img alt="Big data (MySQL) video tutorial full version" src="https://img.php.cn/upload/course/000/000/068/639188999c8fd700.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>Big data (MySQL) video tutorial full version</h3>
</div>
<div class="php-course-bottom">
<span class="l">4525 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1490.html" title=""><img alt="Go language tutorial-full of practical information and no nonsense" src="https://img.php.cn/upload/course/000/000/068/638eb9972ff0a840.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>Go language tutorial-full of practical information and no nonsense</h3>
</div>
<div class="php-course-bottom">
<span class="l">2794 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1489.html" title=""><img alt="GO Language Core Programming Course" src="https://img.php.cn/upload/course/000/000/068/63884a6b0880e953.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>GO Language Core Programming Course</h3>
</div>
<div class="php-course-bottom">
<span class="l">2814 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1488.html" title=""><img alt="JS advanced and BootStrap learning" src="https://img.php.cn/upload/course/000/000/068/638702e2c8dda719.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>JS advanced and BootStrap learning</h3>
</div>
<div class="php-course-bottom">
<span class="l">2563 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1487.html" title=""><img alt="SQL optimization and troubleshooting (MySQL version)" src="https://img.php.cn/upload/course/000/000/068/63846a02a06a2889.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>SQL optimization and troubleshooting (MySQL version)</h3>
</div>
<div class="php-course-bottom">
<span class="l">3374 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1486.html" title=""><img alt="Redis+MySQL database interview tutorial" src="https://img.php.cn/upload/course/000/000/068/637c751460263927.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Intermediate</i>Redis+MySQL database interview tutorial</h3>
</div>
<div class="php-course-bottom">
<span class="l">2963 people are watching</span>
</div></a></li>
<li><a href="//m.sbmmt.com/course/1485.html" title=""><img alt="Deliver food or learn programming?" src="https://img.php.cn/upload/course/000/000/067/64be34e8b4aa0653.png" height="124" width="100%">
<div class="php-course-intro">
<h3><i>Elementary</i>Deliver food or learn programming?</h3>
</div>
<div class="php-course-bottom">
<span class="l">5708 people are watching</span>
</div></a></li>
</ul>
</div>
<div class="layui-tab-item">
<div id="code_down" style="margin: 0 30px 26px;">
<div class="no_data" style="text-align: center;min-height: 490px;line-height:112px;padding: 190px 0;box-sizing: border-box;color: #e3e3e3;font-size: 20px;">
<div style="background: url(/static/images/lesson_video_lists.png) no-repeat;margin-right: 20px;width: 118px;height: 112px;background-position: 0 -389px;float:left;"></div>The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-md3 video-right-course">
<div class="layui-col-md12 title">
<p>Students who have watched this course are also learning</p>
</div>
<div class="layui-col-md12 php-video-img">
<a class="recommend" href="//m.sbmmt.com/course/812.html" target="_blank"><img width="300" height="160" src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"><span class="font14">491217 plays</span></a>
</div>
<div class="layui-col-md12 php-video-list">
<ul>
<li><a class="font14 color66" title="Let's briefly talk about starting a business in PHP" href="//m.sbmmt.com/course/1503.html" target="_blank">Let's briefly talk about starting a business in PHP</a></li>
<li><a class="font14 color66" title="Quick introduction to web front-end development" href="//m.sbmmt.com/course/901.html" target="_blank">Quick introduction to web front-end development</a></li>
<li><a class="font14 color66" title="Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things" href="//m.sbmmt.com/course/836.html" target="_blank">Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things</a></li>
<li><a class="font14 color66" title="Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]" href="//m.sbmmt.com/course/902.html" target="_blank">Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]</a></li>
<li><a class="font14 color66" title="Login verification and classic message board" href="//m.sbmmt.com/course/866.html" target="_blank">Login verification and classic message board</a></li>
<li><a class="font14 color66" title="Computer network knowledge collection" href="//m.sbmmt.com/course/1463.html" target="_blank">Computer network knowledge collection</a></li>
<li><a class="font14 color66" title="Quick Start Node.JS Full Version" href="//m.sbmmt.com/course/1462.html" target="_blank">Quick Start Node.JS Full Version</a></li>
<li><a class="font14 color66" title="The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]" href="//m.sbmmt.com/course/1455.html" target="_blank">The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]</a></li>
<li><a class="font14 color66" title="Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)" href="//m.sbmmt.com/course/1467.html" target="_blank">Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpcn-modal-layer fixed" style="z-index:9004;visibility:visible;opacity:1;display:none;">
<div class="phpcn-modal-title">
<div class="phpcn-modal-draggable dragging">
<span>notes</span>
<a href="javascript:void(0)" class="phpcn-icon-close phpcn-modal-close js-modal-close">X</a>
</div>
</div>
<div class="phpcn-modal-inner">
<div class="phpcn-modal-dialog"></div>
</div>
</div>
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a>
<a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a>
<a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！
</dd>
</dl>
</div>
</div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
</body>
</html>]]>
