HTML——6.字符实体 和 URL

一、字符实体

当在 HTML 中编写内容时,有时需要使用特殊字符,例如小于号(<)、大于号(>)、引号(")、和符号(&)等。但是这些字符有可能与 HTML 的标签或者语法产生冲突。为了避免这种冲突,HTML 提供了一种特殊的表示方式,即字符实体。

字符实体以 & 开始,以 ; 结束,它们会在页面上呈现为相应的特殊字符,而不会被解析为 HTML 标签或语法。下面是一些常见的 HTML 字符实体:

  1. HTML 实体字符:

    • &lt;:小于号(<)
    • &gt;:大于号(>)
    • &quot;:双引号(")
    • &amp;:和符号(&)
    • &apos;:单引号(')
  2. 不间断空格(Non-breaking Space):

    • &nbsp;:用于在 HTML 中插入空格,确保空格不被浏览器忽略或折叠成单个空格。
  3. 结合音标符:

    • &macr;:音长符(ˉ)
    • &acute;:重音符(´)
    • &uml;:分音符(¨)
    • &cedil;:软音符(¸)

 例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Character Entities Example</title>
</head>
<body>
    <h1>HTML Character Entities Example</h1>
    <p>In HTML, the &lt;p&gt; element is used for paragraphs.</p>
    <p>The &quot;alt&quot; attribute is used in &lt;img&gt; tags to specify alternative text.</p>
    <p>&copy; 2024 Example.com. All rights reserved.</p>
</body>
</html>

在这个例子中,我们使用了几个常见的字符实体:

  1. &lt;:表示小于号(<)。在第一个段落中,我们使用 &lt;p&gt; 来表示 <p> 标签。
  2. &quot;:表示双引号(")。在第二个段落中,我们使用 &quot;alt&quot; 来表示 "alt" 属性。
  3. &copy;:表示版权符号(©)。在第三个段落中,我们使用 &copy; 来表示版权信息。

效果展示:

二、URL

1. 协议(Protocol)

URL 中的协议部分指定了用于访问资源的通信协议。常见的协议包括:

  • http://:超文本传输协议,用于传输网页数据。
  • https://:安全的超文本传输协议,使用 SSL/TLS 加密通信。
  • ftp://:文件传输协议,用于文件传输。

2. 主机名(Host)

主机名标识了资源所在的服务器的域名或 IP 地址。例如:

  • www.example.com
  • 127.0.0.1

3. 端口号(Port)

端口号可选,指定了服务器监听的端口。如果未指定,默认使用该协议的标准端口。例如:

  • http://www.example.com:8080
  • ftp://ftp.example.com

4. 路径(Path)

路径指定了服务器上资源的位置。它可以是文件的路径或目录的路径。例如:

  • /images/photo.jpg
  • /products/laptops/

5. 查询参数(Query Parameters)

查询参数用于向服务器传递额外的数据,通常以 ? 开始,多个参数之间使用 & 分隔。例如:

  • ?category=electronics&color=blue
  • ?page=2&size=10

6. 片段(Fragment)

片段用于指定页面内的特定位置,通常以 # 开始,后面跟着元素的 ID。例如:

  • #section1
  • #top

例:

https://www.example.com:8080/products/laptops/?category=electronics&color=blue#section1
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/512300.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

AI智能校色解决方案,专业级画质提升

由于拍摄环境、设备性能以及编辑经验等多种因素的影响&#xff0c;视频画质往往难以达到理想状态。这时&#xff0c;一款高效、智能的校色解决方案就显得尤为重要。美摄科技凭借深厚的图像处理技术和AI算法研发实力&#xff0c;推出了全新的AI智能校色解决方案&#xff0c;助力…

从0到1构建uniapp应用-创建标签页Tabs

背景 uniapp框架可以快速开发微信小程序&#xff0c;并且得到越来越多的使用。 此系列我们将从0到1带大家一步步搭建uniapp开发脚手架。 帮助大家快速上手微信小程序的开发。 需求说明 一般微信小程序的底部都有4个或5个标签页&#xff0c;给用户以导航的操作。 此文将创建两…

特征融合篇 | YOLOv8改进之将Neck网络更换为GFPN(附2种改进方法)

前言:Hello大家好,我是小哥谈。GFPN(Global Feature Pyramid Network)是一种用于目标检测的神经网络架构,它是在Faster R-CNN的基础上进行改进的,旨在提高目标检测的性能和效果。其核心思想是引入全局特征金字塔,通过多尺度的特征融合来提取更丰富的语义信息。具体来说,…

Golang | Leetcode Golang题解之第6题Z字形变换

题目&#xff1a; 题解&#xff1a; func convert(s string, numRows int) string {n, r : len(s), numRowsif r 1 || r > n {return s}t : r*2 - 2ans : make([]byte, 0, n)for i : 0; i < r; i { // 枚举矩阵的行for j : 0; ji < n; j t { // 枚举每个周期的起始…

QT网络调试助手

QT网络调试助手 1.开发流程 2.QTtcp服务器   1.1 服务端数据读取   1.2 服务端发送数据-所有客户端   1.3 服务端自动刷新ip地址   1.4 服务端检测客户端断开状态   1.5 服务端发送数据-指定特定客户端发送数据   1.6 服务端停止监听和断开 3.QTtcp客户端 1…

深挖苹果Find My技术,伦茨科技ST17H6x芯片赋予产品功能

苹果发布AirTag发布以来&#xff0c;大家都更加注重物品的防丢&#xff0c;苹果的 Find My 就可以查找 iPhone、Mac、AirPods、Apple Watch&#xff0c;如今的Find My已经不单单可以查找苹果的设备&#xff0c;随着第三方设备的加入&#xff0c;将丰富Find My Network的版图。产…

15 个最佳遥感软件

无论您是专业地理学家、地球科学专业的学生&#xff0c;还是只是一个好奇的爱好者&#xff0c;都有各种各样的遥感软件可以帮助您完成工作。从对详细航空图像进行分类到创建复杂的 3D 模型&#xff0c;这 15 个遥感软件包都是最好的。让我们逐一介绍给您: 1.ERDAS Imagine ERD…

遵循苹果商店政策:确保Flutter应用在上架过程中合规操作

引言 Flutter是一款由Google推出的跨平台移动应用开发框架&#xff0c;其强大的性能和流畅的用户体验使其备受开发者青睐。然而&#xff0c;开发一款应用只是第一步&#xff0c;将其成功上架到苹果商店才是实现商业目标的关键一步。本文将详细介绍如何使用Flutter将应用程序上…

数据治理10大坑

✅作者简介&#xff1a;《数据运营&#xff1a;数据分析模型撬动新零售实战》作者、《数据实践之美》作者、数据科技公司创始人、多次参加国家级大数据行业标准研讨及制定、高端企培合作讲师。 &#x1f338;公众号&#xff1a;风姑娘的数字视角&#xff0c;免费分享数据应用相…

使用ARCore深度API实现点云采集

一、深度API 本小节内容摘自ARCore官方文档。 ARCore 深度API Depth API 可助力实现对象遮挡、提升沉浸感和新颖的互动体验&#xff0c;从而增强 AR 体验的真实感。 在下图中&#xff0c;右侧画面是采用深度API进行遮挡后的效果&#xff0c;与左侧图相比更加真实。 深度值 给…

Vue项目引入字体文件无效

这是原来的&#xff0c;没有生效 font-face {font-family: BebasNeue;src: url(./font/BebasNeue.otf);font-weight: normal;font-style: normal; }这是修改后的&#xff08;多了个空格&#xff09; font-face {font-family: Bebas Neue;src: url(./font/BebasNeue.otf);font-…

stream使用

stream流式计算 在Java1.8之前还没有stream流式算法的时候&#xff0c;我们要是在一个放有多个User对象的list集合中&#xff0c;将每个User对象的主键ID取出&#xff0c;组合成一个新的集合&#xff0c;首先想到的肯定是遍历&#xff0c;如下&#xff1a; List<Long> u…

C++ Primer 总结索引 | 第十二章:动态内存

1、到目前为止&#xff0c;我们编写的程序中 所使用的对象 都有着严格定义的生存期。全局对象 在程序启动时分配&#xff0c;在程序结束时 销毁。对于 局部自动对象&#xff0c;当我们进入 其定义所在的程序块时被创建&#xff0c;在 离开块时销毁。局部static对象 在第一次使用…

前端JS商品规格组合

给定一个数组 let data [{name: "颜色",specs: ["白色", "黑色"],},{name: "尺寸",specs: ["14寸","15寸", "16寸"],},{name: "处理器",specs: ["i5", "i7", "i9&…

AI音乐GPT时刻来临:Suno 快速入门手册!

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢&#xff0c;在这里我会分享我的知识和经验。&am…

KnowLog:基于知识增强的日志预训练语言模型|顶会ICSE 2024论文

徐波 东华大学副教授 东华大学计算机学院信息技术系副系主任&#xff0c;复旦大学知识工场实验室副主任&#xff0c;智能运维方向负责人。入选“上海市青年科技英才扬帆计划”。研究成果发表在IJCAI、ICDE、ICSE、ISSRE、ICWS、CIKM、COLING等国际会议上&#xff0c;曾获中国数…

【威胁情报综述阅读3】Cyber Threat Intelligence Mining for Proactive Cybersecurity Defense

【威胁情报综述阅读1】Cyber Threat Intelligence Mining for Proactive Cybersecurity Defense: A Survey and New Perspectives 写在最前面一、介绍二、网络威胁情报挖掘方法和分类A. 研究方法1&#xff09; 第 1 步 - 网络场景分析&#xff1a;2&#xff09; 第 2 步 - 数据…

【Spring实战项目】SpringBoot3整合WebSocket+拦截器实现登录验证!从原理到实战

&#x1f389;&#x1f389;欢迎光临&#xff0c;终于等到你啦&#x1f389;&#x1f389; &#x1f3c5;我是苏泽&#xff0c;一位对技术充满热情的探索者和分享者。&#x1f680;&#x1f680; &#x1f31f;持续更新的专栏《Spring 狂野之旅&#xff1a;从入门到入魔》 &a…

【快捷部署】013_Podman(3.4.4)

&#x1f4e3;【快捷部署系列】013期信息 编号选型版本操作系统部署形式部署模式复检时间013podman3.4.4Ubuntu 22.04apt-2024-04-03 一、快捷部署 注意! 必须满足&#xff1a;Ubuntu 20.10 and newer #由于本期安装脚本较为简单&#xff0c;所以不制作一键安装脚本&#xf…

JDK下载安装配置

一.JDK安装配置。 1.安装注意路径,其他直接下一步。 2.配置。 下接第4步. 代码复制: JAVA_HOME D:\Program Files\Java\jdk1.8.0_91 D:\Program Files\Java\jdk1.8.0_91\bin 3.验证(CMD)。 java javac java -version 二.下载 1.下载JDK1.5-1.9(所有版本)下载: https://www.…