HTML5语义化便签article、footer、header、nav和section的简单介绍

一、article标签

①代表文档、页面或者应用程序中与上下文不相关的独立部分
②常被用于定义一篇日志、一条新闻或用户评论等;
③通常使用多个section元素进行划分;
④一个页面中article元素可以出现多次

二、footer标签

①用来定义文档或节的页脚,只起到语义的作用;
②一个网页中可以使用多个footer标签,footer标签一般是表示文档或者文档的一部分区域的页脚,一般包含创作者的姓名、文档的创作日期以及创作者的联系信息等;
③一般在一个网页中页面底部的时候才使用。

三、nav标签

①用来定义导航链接的部分,通常是一个列表
②只是用来表示该区域是导航链接,默认没有显示效果;
③通过nav标签能更好的实现在不同设备上(如:手机、电脑等)控制导航链接是否显示,从而让网页适应不同大小的屏幕。

四、section标签

①用来定义文档的某个区域,比如:章节、页眉、页脚或者文档的其他区域;
②与div标签不一样的是它不是用来定义局域样式的,而是用来定义一个明确的主题,通常含有一个标题(h1~h6)。但如果是文章,通常会使用article标签来代替。

  • 0
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值