网站首页 > 文章精选 正文
【今日小知识】:div和span的作用及用法,希望可以帮到正在学习HTML的你噢~~~
div标签
一般用于配合css完成网页基本布局。<div>标签可定义文档中的分区或节 。可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 ,那么该标签的作用会变得更加有效。class用于元素组(类似的元素,或者可以理解为某一类元素),而id用于标识单独的唯一的元素。class可以在页面里面重复使用,id由于在页面里面只能出现一次,所以不能重复使用,所以尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。
span标签
一般用于配合css修改网页中的一些局部信息。它其实就是用来组合文档中的行内元素,也就是将内容放在span标签之中。span没有固定的格式表现,如果需要,可以添加属性来表现形式
div和span的区别
1.div标签会独占一行,span标签不会。
2.div是一个容器级别的标签,span是一个文本级别的标签。
3.div基本上与span相似,或者说具有span所有的功能,此外还具有span不及的特色。div是一个块,也就是所谓的"容器",它具有自己独立的段落,独立的标题,独立的表格。
4.div是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而span是行内元素,span的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用span。
容器级别标签和文本级别标签的区别
容器级别标签可以嵌套所有标签,文本级别标签只可以嵌套文字/超链接/图片。
容器级别标签
div h ul ol dl li dt dd …
文本级标签
span p buis strong em ins del….
希望以上内容可以帮助到在学习HTML的你们噢~~~如有补充可以私聊我噢~~~我们一起学习~~~
猜你喜欢
- 2025-05-11 jquery选择器(jquery选择器有几种类型)
- 2025-05-11 解锁 C++ 新姿势:走进 21 世纪的 C++ 编程世界
- 2025-05-11 WPF基础之UI布局(wpf 表单布局)
- 2025-05-11 HTML/CSS 备忘录 - 15. CSS 媒体查询与其他
- 2025-05-11 网页布局技巧(网页布局教程)
- 2025-05-11 你要的CSS布局都在这里(css布局技巧)
- 2025-05-11 一文吃透 CSS Flex 布局(css3 flex布局)
- 2025-05-11 前端兼容性问题总结(前端兼容性问题总结分析)
- 2025-05-11 CSS中常用的几种定位方式(css中常用的几种定位方式有哪些)
- 2025-05-11 CSS 中各种居中你真的玩明白了么(css里面居中)
- 最近发表
-
- Vue3+Django4全新技术实战全栈项目|高清完结
- 工厂模式+策略模式消除 if else 实战
- 每天一个 Python 库:httpx异步请求,让接口测试飞起来
- 如何高效实现API接口的自动化测试?
- 前端工程化:从“手忙脚乱”到“从容协作”的进化记
- 使用C#创建服务端Web API(c#开发web服务器)
- SpringBoot之旅第四篇-web开发(springboot做web项目)
- 一文读懂SpringMVC(一文读懂新型政策性金融工具)
- Rust Web编程:第十二章 在 Rocket 中重新创建我们的应用程序
- Apache Druid 数据摄取——本地数据和kafka流式数据 一篇文章看懂
- 标签列表
-
- newcoder (56)
- 字符串的长度是指 (45)
- drawcontours()参数说明 (60)
- unsignedshortint (59)
- postman并发请求 (47)
- python列表删除 (50)
- 左程云什么水平 (56)
- 计算机网络的拓扑结构是指() (45)
- 编程题 (64)
- postgresql默认端口 (66)
- 数据库的概念模型独立于 (48)
- 产生系统死锁的原因可能是由于 (51)
- 数据库中只存放视图的 (62)
- 在vi中退出不保存的命令是 (53)
- 哪个命令可以将普通用户转换成超级用户 (49)
- noscript标签的作用 (48)
- 联合利华网申 (49)
- swagger和postman (46)
- 结构化程序设计主要强调 (53)
- 172.1 (57)
- apipostwebsocket (47)
- 唯品会后台 (61)
- 简历助手 (56)
- offshow (61)
- mysql数据库面试题 (57)