html中什么标签可作容器,HTML容器标签和文本标签

html中的容器级标签和文本级标签,css中的块级元素和行内元素是咱们经常拿来比较的四个名词(行内块级暂时先不考虑)。注:若是标签嵌套错误,可能会发生浏览器解析错误的状况,只是针对嵌套作的这个。css

容器标签

一、容器级的标签能够简单的理解为能嵌套其它全部标签的标签。

二、常见容器级的标签: div h ul ol dl li dt dd ...。

文本标签

一、文本级的标签对应容器级标签,只能嵌套文字/图片/超连接的标签。

二、常见文本级的标签:span p buis strong em ins del ...。

块级元素

一、css中的块级元素基本与html中的容器级标签对应,包括: **p** div h ul ol dl li dt dd ...。

二、*ps:不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 在企业开发中通常状况下要嵌套都是嵌套在div中, 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd).*

行内元素

一、行内元素也基本与文本标签对应:span buis strong em ins del。

块级元素与行内元素

1.块级元素独占一行,行内元素不独占。

2.若是没有设置宽高,块级元素默认与父元素一致,设置了则按设置的显示;

行内元素不能够设置宽高,默认与包含的内容高度一致。html

ps:为了可以让元素既可以不独占一行, 又能够设置宽度和高度, 那么就出现了行内块级元素浏览器

css中显示模式的切换

能够经过标签的display属性设置显示模式。markdown

display取值ui

一、block 块级

二、inline 行内

三、inline-block 行内块级

总结:通常块级元素都是容器级标签,可是有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素spa

h一、h二、h三、h四、h五、h六、p、dtcode

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值