HTML 语义化标签、< div>和< span>无语义化、有语义化(手机端)

< div>和< span>标签 没有语义的布局标签

  • < div>和< span>是没有语义的,它们就是一个盒子,用来装内容的。
<div> 这是div </div>
<span> 这是span </span>
  • div是division的缩写,表示分割、分区。span 意为跨度、跨距。
  • 特点:
  1. < div>标签用来布局,一行只能放一个< div>。大盒子。一行只显示一个(独占一行)。
  2. < span>标签用来布局,一行上可以多个< span>。小盒子。一行可以显示多个。
    在这里插入图片描述

有语义的布局标签(了解)

场景:在HTML5新版本中,推出了一些有语义的布局标签供开发者使用
标签:
在这里插入图片描述
在这里插入图片描述

注意点:
• 以上标签显示特点和div一致,但是比div多了不同的语义
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值