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
相关推荐
武清伯MVP15 分钟前
深入了解Canvas:HTML5时代的绘图利器(一)
前端·html5·canvas
江公望6 小时前
HTML5 History 模式 5分钟讲清楚
前端·html·html5
旧梦吟1 天前
脚本 生成图片水印
前端·数据库·算法·golang·html5
doupoa2 天前
VitePressv2.0 + TailwindCSSv4.1 集成方案
typescript·前端框架·json·html5·postcss
凌波粒3 天前
CSS基础详解(2)--Grid网格布局详解
前端·css·css3·html5
八目蛛3 天前
色盲测试小游戏
vue.js·vue3·html5
绝世唐门三哥4 天前
URL---history和hash模式的区别
哈希算法·路由模式·url
by__csdn4 天前
Vue3 大文件分片上传完整指南:图片/视频附件高效传输方案
前端·javascript·vue.js·typescript·vue·css3·html5
by__csdn5 天前
Vue.js 生命周期全解析:从创建到销毁的完整指南
前端·javascript·vue.js·前端框架·ecmascript·css3·html5
韩曙亮7 天前
【Web APIs】BOM 浏览器对象模型 ⑥ ( location 对象 | location 常用属性和方法 | URL 简介 )
前端·javascript·dom·url·bom·location·浏览器对象模型