【今日小知识】: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的你们噢~~~如有补充可以私聊我噢~~~我们一起学习~~~