html的语义化标签

在这里插入图片描述html语义话标签
之前,html中都用div对区域进行划分,存在很多不必要的麻烦。我们可以想一想,如果一整篇的布局都使用div布局,你会不会在写完后需要修改错误,却不知如何下手呢?另一方面,程序猿可能会想用类选择器来区分,每个区域。但是这样无法对浏览器起优化。因此我们需要学习语义化标签,对每个区域进行简单明了的区分。
我们来看下最基础的语义化标签。
header:对某个区域或者某个网站的头部进行划分。
nav:一般头部也会有很多的内容,我们用这个标签对导航进行划分。当然,可能一个页面需要多个导航。
article:它的用法和它的单词直意一样,对整个页面文章区域进行划分。相当文章,我们可能就会想到每个文章会有段落……
section:这个标签就是用于对文章的段落的划分
footer:一个页面有头部也肯定有最底部,我们用这个标签对某个区域或某个页面底部进行区域划分。
我们通常上网会看到很多的广告或者不在区域中展示的内容,通常都会用aside标签来划分。

以上都是一些最基础的语义化标签,划分区域是灵活的,所以对于每个人都有着不同的划分区域习惯。
仅前端小生个人理解~

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值