【今日小知识】:div和span的作用及用法,希望可以帮到正在学习HTML的你噢~~~
一般用于配合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的你们噢~~~如有补充可以私聊我噢~~~我们一起学习~~~
,