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

Posted 旭宝爱吃鱼

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 结构性标签 行内语义性标签的主要内容，如果未能解决你的问题，请参考以下文章

3-标签分类

HTML5的语义化标签都有哪些，作用是啥

好程序员web前端分享常见html5语义化标签

html标签语义化的优点

语义化标签是啥？有啥作用

HTML5语义化结构标签有哪些？