前端学习笔记12-语义化标签3
发布日期:2021-05-04 01:05:31 浏览次数:31 分类:技术文章

本文共 301 字,大约阅读时间需要 1 分钟。

前端学习笔记12-语义化标签3

布局标签(结构化语义标签)

head:网页的头部

main:网页的主体部分(一个页面只有一个)

footer:网页的底部

拿腾讯网页距离,看下图

在这里插入图片描述
滑倒网页最下面
在这里插入图片描述

nav:网页中的导航

在这里插入图片描述

aside:和主体相关的其他内容(侧边栏)

在这里插入图片描述
article:一个独立的文章
手册里的例子:
在这里插入图片描述

section:一个独立的区块

上面的标签都不能表示时,可以使用section

div:没有语义,用来表示一个区块

上面的都是h5新增的,用的不多,最常用的是div,它可以替代上面所有的布局标签

span:一个行内元素,没有任何予语义,用于在网页中选中文字

综上,一般用div和span就行了。

转载地址:https://blog.csdn.net/weixin_45034895/article/details/115863467 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:前端学习笔记13-列表
下一篇:前端学习笔记11-语义化标签2

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年04月19日 05时21分16秒