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;"来实现。

相关推荐
天外飞雨道沧桑3 分钟前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川22 分钟前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
canonical_entropy1 小时前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香1 小时前
聊聊前端页面的三种长度单位
前端
给钱,谢谢!2 小时前
React + PixiJS 实现果园成长页:从状态机到浇水动画
前端·react.js·前端框架
暗冰ཏོ3 小时前
VUE面试题大全
前端·javascript·vue.js·面试
次元工程师!3 小时前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow
Bug-制造者4 小时前
现代Web应用全栈开发:从架构设计到部署落地实战
前端
青春喂了后端4 小时前
IntelliGit 前端状态层重构:把一个全局 Store 拆成清晰的状态边界
前端·重构·状态模式
霜落花轻扬4 小时前
在新选项卡中显示链接【html中 target=“_blank“】
前端·html