文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

什么是html5语义化标签

2024-04-02 19:55

关注

这篇文章主要讲解了“什么是html5语义化标签”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是html5语义化标签”吧!

1.<article>

可以是页面任何独立的内容区域,比如文章/博客/新闻/故事/论坛帖子/评论等等任何独立的内容。

<article>
    <header>
        <h2>文章标题</h2>
        <p>发布时间:<time pubdate='2019-05-06'>2019-05-06</time></p>
        <p>作者:xxx</p>
    </header>
    <p>文章内容.........</p>
    <p>文章内容.........</p>
</article>

2.<section>

定义文档中的节、区段,比如章节、页眉或文章中的其他部分。比如我们对一篇文章进行分章节。

<article>
    <header>
        <h2>文章标题</h2>
        <p>发布时间:<time pubdate='2019-05-06'>2019-05-06</time></p>
        <p>作者:xxx</p>
    </header>
    <section>
        <h3>章节一的标题</h3>
        <p>文章内容.........</p>
    </section>
    <section>
        <h3>章节二的标题</h3>
        <p>文章内容.........</p>
    </section>
</article>

<section>应包含一组内容及其标题。如果内容没有标题,不推荐使用<section>。

3.<nav>

定义页面的导航区域。

<nav>
    <a href='/a'>页面a</a>
    <a href='/b'>页面b</a>
    <a href='/c'>页面c</a>
</nav>

4.<aside>

定义页面主区域内容之外的内容(比如侧边栏)

5.<header>

描述文档头部区域,用于定义内容的介绍展示,可以使用多个<header>。

为了帮助大家让学习变得轻松、高效,给大家免费分享一大批资料,帮助大家在成为前端工程师,乃至全栈工程师的路上披荆斩棘。在这里给大家推荐一个前端全栈学习交流圈:784783012 欢迎大家进群学习交流,共同进步。
当真正开始学习的时候难免不知道从哪入手,导致效率低下影响继续学习的信心。
但最重要的是不知道哪些技术需要重点掌握,学习时频繁踩坑,最终浪费大量时间,所以有效资源还是很有必要的。

6.<footer>

描述文档底部区域,通常包含文档作者,著作权,使用条款,联系信息等,可以使用多个<footer>,文档的大致结构可以分为

什么是html5语义化标签

下面是更细致的语义化标签,也是更容易被忽略的标签。

7.<figure>和<figcaption>

<figure>定义独立的流内容(图像、图表、照片、代码等等)。
<figcaption>定义<figure>的标题,通常置于figure元素的第一个或最后一个子元素

感谢各位的阅读,以上就是“什么是html5语义化标签”的内容了,经过本文的学习后,相信大家对什么是html5语义化标签这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯