HTML——div和span标签和字符实体

一、无语义的布局标签

作用:布局标签(划分网页区域,摆放内容)

div(大盒子):独占一行

span(小盒子):不换行

1、div 标签

html 复制代码
<body>
    <div>div标签</div>
    <div>div标签</div>
</body>

2、span 标签

html 复制代码
<body>
    <div>div标签</div>
    <div>div标签</div>
    <span>span标签</span>
    <span>span标签</span>
</body>

二、字符实体

作用:在网页中显示预留字符

显示结果 描述 实体名称
空格 &nbsp;
< 小于号 &lt;
> 大于号 &gt;

通过键盘直接在代码中敲空格,无论敲多少个隔空,网页只能识别一个。

1、&nbsp; 实体

2、&lt; 及 &gt; 实体

因为有些"<内容>"属于标签(如:<p>),所以不能直接输入"<p>",可以通过"&lt;"和"&gt;"来实现。

相关推荐
西西小飞龙19 分钟前
Less/Sass Mixins vs. Extend
前端·less·sass
syjy221 分钟前
(含下载)BeTheme WordPress主题使用教程
前端·wordpress·wordpress建站
Misnice30 分钟前
shadcn如何使用
前端·reactjs
h_jQuery34 分钟前
vue使用gm-crypto对数据进行sm4加密处理
前端·javascript·vue.js
阿赛工作室1 小时前
Vue中onBeforeUnmount不触发的解决方案
前端·javascript·vue.js
码王吴彦祖1 小时前
顶象 AC 纯算法迁移实战:从补环境到纯算的完整拆解
java·前端·算法
小叶lr1 小时前
jenkins打包前端样式丢失/与本地不一致问题
运维·前端·jenkins
浩星1 小时前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
ZC跨境爬虫2 小时前
Scrapy工作空间搭建与目录结构解析:从初始化到基础配置全流程
前端·爬虫·python·scrapy·自动化
小村儿2 小时前
连载04-最重要的Skill---一起吃透 Claude Code,告别 AI coding 迷茫
前端·后端·ai编程