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

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

maynowei9个月前 (09-11)技术知识80

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

centos系统安装oracle简易客户端instantclient

一、目录1:centos 环境准备2:instant client 下载3:instant client 安装4:instant client 配置5:测试连接二、安装步骤1:zip,unzip命令安...

Navicat Premium 连接 Oracle 数据库

Navicat Premium是一个可多重连接的数据库管理工具,它可让你以单一程序同時连接到 MySQL、SQLite、Oracle 及 PostgreSQL 数据库,让管理不同类型的数据库更加方便。...

Google前工程主管“入住”Oracle(google公司前台)

ZDNet至顶网服务器频道 10月11日 新闻消息:Oracle 已聘用了前 Snapchat 和 Google 工程部主管 Peter Magnusson,其主要的职责是运行一个被重新调整过的 of...

Oracle数据库云服务系列新增前所未有的企业级功能

新推出的关键任务型功能包括:实现容错可用性和按需可扩展性的集群;零数据丢失灾难恢复;Oracle数据库Exadata云服务。甲骨文还宣布推出一项最新免费数据库云服务,数据库管理员和开发人员通过该服务可...

oracle和mysql的优缺点对比(oracle和mysql哪个简单)

oracle的优缺点优点:开放性:oracle 能所有主流平台上运行(包括 windows)完全支持所有工业标准采用完全开放策略使客户选择适合解决方案对开发商全力支持;可伸缩性,并行性:Oracle...