HTML-拓展知识 字符实体与URL地址

文章目录

1.字符实体

引出字符实体:

在编写html代码的过程中,有的时候我们需要让文本中显示类似于<p 之类的字符串,容易造成但是由于标签中就含有

,所以在文本中显示需要转义。这个时候我们就需要字符实体

HTML字符实体是一段连字号(&)开头,以分号(;)结尾的文本(字符串)

  • 实体常常用于显示保留字符(这些字符会被解析为HTML代码)和不可见的字符(如"不换行空格")
  • 你也可以用实体来代替其他难以用标准键盘键入的字符

常见的字符实体

例子:

html 复制代码
<body>
  <p><p</p>
</body>

运行结果为空白,未能显示<p

html 复制代码
<body>
  <p>&lt;p</p>
</body>

2.URL地址

URL代表着统一资源定位符

理论上说,每个有效的URL都指向一个唯一的资源,这个资源可以是一个HTML页面,一个CSS文档,一个图片等等

URL的标准格式如下:

协议类型\]😕/\[服务器地址\]:\[端口号\]/\[文件路径\]\[文件名\]?\[查询\]#\[片段ID

  • 协议类型:如http协议
  • 服务器地址:我们要请求的信息在什么地方,从那个地方的一个服务器拿出信息
  • 端口号:一个主机(服务器)上有很多个端口,具体的信息放在哪个端口上
  • 文件路径:具体的文件路径
  • 文件名:具体的文件名
  • 查询:一些搜索的限制,查询就是加上一些限制,方便查找
  • 片段ID:理解为目录上的多个索引,一个索引就是一个ID
相关推荐
我命由我123451 小时前
Vue3 开发中,字符串中的 <br\> 标签被直接当作文本显示出来了,而不是被解析为 HTML 换行标签
开发语言·前端·javascript·vue.js·html·ecmascript·html5
天下无贼!20 小时前
【功能实现】基于Vue3+TS实现大文件分片上传
开发语言·javascript·node.js·vue·html5
kyriewen112 天前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
我命由我123454 天前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
酉鬼女又兒4 天前
零基础快速入门前端ES6 核心特性详解与蓝桥杯 Web 考点实践(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·职场和发展·蓝桥杯·es6·css3·html5
kyriewen114 天前
本地存储全家桶:从localStorage到IndexedDB,把数据塞进用户浏览器
开发语言·前端·javascript·ecmascript·html5
橘子编程4 天前
Django全栈开发终极指南
后端·python·django·npm·html·pandas·html5
Amumu121385 天前
HTML5的新特性
前端·html·html5
橘子编程5 天前
OpenClaw(小龙虾)完整知识汇总
java·前端·spring boot·spring·spring cloud·html5
酉鬼女又兒5 天前
零基础快速入门前端蓝桥杯Web考点深度解析:var、let、const与事件绑定实战(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·es6·html5