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

DIV_P_SPAN等html标签的用法和区别

Lavfun2年前 (2022-04-14)技术538

<div> </div> 盒子模型 用来做结构的,一般用它来布局 。

<p> </p> 中间不可以放div标签,可以但不限于放文字,这个用起来有段落,p标签,可设置宽高的文字区块。

<span></span> 这个用起来不会分段、换行,方便添加样式。


————————————————


<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。更重要的意义是在网页的动态实现过程中,对划分的区域统一处理,例如换背景色、字体等。<div> 是一个块级元素。它的内容自动地开始一个新行。实际上,换行是 <div> 唯一格式上的表现。


<br>就是一个纯粹的换行,通常可以写作<br/>


<p>代表一个段落,对于在<p>与</p>之间的内容,当作一个段落统一处理,同样具有格式上的换行效果。通常用于文章分段。


选用这三个标签时,可以按写文章的方式考虑,如果你在考虑文章的整体构架,就先<div>;写各其中一个小节的每段时,就<p>;如果一段内容中有部分内容需要另起一行(换行的内容与前一行内容仍属于一段),就<br>。


<span>是一个行内标签,用来组合行内的多个元素。


div与span区别:div占用的位置是一行。span占用的是内容有多宽就占用多宽的空间距离。



————————————————


版权声明:本文为CSDN博主「前端大神」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_39713762/article/details/93553810


扫描二维码推送至手机访问。

版权声明:本文由 声光视趣 - lavfun.com 发布,如需转载请注明出处。

本文链接:https://www.lavfun.com/technical-forum/33.html

分享给朋友:

相关文章

修改misc.phpmod=mobile使DiscuzX论坛PC端与移动端互相跳转

修改misc.phpmod=mobile使DiscuzX论坛PC端与移动端互相跳转

用discuz!论坛访问手机版本的网址不会自动跳转到电脑版网址,而是会跳转到http://域名/misc.php?mod=mobile,这样体验很不好。现提供修改方法:打开论坛根目录找到文件:/source/class/discuz/dis...

Discuz手机模版不支持有序列表和无序列表的修改方法

有序列表:条目内容1;条目内容2;条目内容3...无序列表:条目内容1;条目内容2;条目内容3...这两种列表对于文本排版来说非常重要,可以将很多条目列的很清楚,看起来整齐划一,一目了然,本人非常喜欢使用,但很多dz手机模版都不支持,编辑好...

DiscuzX更换域名的方法及步骤

下面先说更换域名的步骤方法:后台--全局--站点信息--网站 URL:后台--全局--域名设置--应用域名和根域名设置后台--界面--导航--连接里面的地址修改后台--运营--关联连接,没有设置就不用修改后台--云平台--同步站点信息后台-...

Linux CentOS 升级更新命令

Linux CentOS 升级更新命令

安装所有软件和系统更新:yum -y update清理缓存信息:yum clean all重启系统:reboot...

解决百度ueditor支持iframe框架页面的视频播放问题

新下载的ueditor 增加了xss 安全过虑,把iframe过滤了,导致发表的文章包含的视频播放功能被限制了。说明:新版本ueditor要修改 xss过滤白名单 修改配置文件ueditor.config.js ...

完美解决:亮剑云微信登录插件PC端扫码登录出错:该公众号提供的服务出现故障,请稍后再试!

完美解决:亮剑云微信登录插件PC端扫码登录出错:该公众号提供的服务出现故障,请稍后再试!

亮剑云微信登录插件PC端扫码登录出错:“该公众号提供的服务出现故障,请稍后再试!”如图所示!手机端微信里按钮调用可以正常登录,公众号里发关键词出现同样错误!初步判断可能是因为搬迁了服务器,可能新的服务器上相关扩展插件没有安装的原因,才导致出...