当前位置:首页 > 技术知识 > 正文内容

每日一个HTML小知识:div和span作用及用法

maynowei10个月前 (09-11)技术知识91

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

相关文章

Django 官方推荐的姿势:类视图(django类视图和函数视图哪个好)

作者:HelloGitHub-追梦人物在开发网站的过程中,有一些视图函数虽然处理的对象不同,但是其大致的代码逻辑是一样的。比如一个博客和一个论坛,通常其首页都是展示一系列的文章列表或者帖子列表。对处理...

Linux系统编程—互斥量mutex(linux 互斥量)

##互斥量mutex前文提到,系统中如果存在资源共享,线程间存在竞争,并且没有合理的同步机制的话,会出现数据混乱的现象。为了实现同步机制,Linux中提供了多种方式,其中一种方式为互斥锁mutex(也...

分析 Rust 程序的火焰图(rust火吗)

分析 Rust 程序的火焰图(Flame Graph)是定位性能瓶颈的核心手段,其核心是通过可视化的函数调用栈和时间分布,找到 CPU 耗时、内存分配、锁竞争等热点。以下是详细的分析方法和步骤,结合...

大厂 Go 编程规范(二):mutex(编程大厂是什么意思)

mutex 是golang 的互斥锁,可以保障在多协程的情况下,数据访问的安全。1、零值有效我们并不需要mutex指针mu := new(sync.Mutex) mu.Lock()直接可以使用mute...

c++ 继承简介(c++继承的概念)

24.1 — 继承简介2024 年 6 月 5 日在上一章中,我们讨论了对象组合,即从更简单的类和类型构建复杂类。对象组合非常适合构建与其部分具有“has-a”关系的新对象。但是,对象组合只是 C++...

Oracle标准化部署手册(oracle19c客户端)

很久之前写过一篇11g的windows安装手册, 这次是19c的windows安装手册,面向没有数据库安装部署经验的开发人员或想学习数据库的新手。希望能给想从事dba的入门人员小小的帮助。 毕竟每个高...