HTML5 结构性标签行内语义性标签

结构性标签:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>旭宝爱吃鱼</title>
</head>
<body>
<!--文章-->
<article>
    <!--头部-->
    <header>
        <h1>旭宝爱吃鱼</h1>
        <h4>旭宝爱吃鱼</h4>
    </header>
    <!--章节-->
    <section>
        <h3>cxcxcx</h3>
        <p>cxcxcxcxcxcx</p>
        <p>cxcxcxcxcxcx</p>
    </section>
    <section>
        <h3>cxcxcx</h3>
        <p>cxcxcxcx</p>
    </section>
    <!--尾部-->
    <footer>
        <h5>cxcx</h5>
    </footer>
</article>
</body>
</html>

图片:

行内语义性标签:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <progress value="20" max="100"></progress>
   <!--本地音频视频见谅-->
   <audio src="source/music.m4a" controls="controls"></audio>
   <video src="source/BigBuck.m4v" controls="controls"></video>
</body>
</html>

图片:

HTML5 结构性标签 行内语义性标签

HTML5 结构性标签行内语义性标签